30个日历和日期选择jQuery插件

13年前
1. FullCalendar

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).
1

View Live Demo

2. Jquery Week Calendar

The jQuery Week Calendar Plugin provides a simple and flexible way of including a weekly calendar in your application. Based on jQuery and jQuery UI, it is very easy to implement and customize according to your needs.1

View Live Demo

3. jCalendar

jCalendar is an inline dynamic calendar built with jQuery. It originally started off based on the great jQuery date picker by Kelvin Luck but has quickly morphed into its own code base.
1

View Live Demo

4. wdCalendar – jQuery Based Google Calendar Clone

wdCalendar is a jquery based google calendar clone. It cover most google calendar features. User can choose to have a daily view, weekly view or monthly view. User can easily create, update or remove events by drag & drop. It is very simple to to integrate wdCalendar with a database.
1

View Live Demo

5. Create astonishing iCal-like calendars with jQuery

According to my web designer experience, one of the most common requests from clients when it comes to WordPress personalization, is to add a basic event calendar to their website.
1

View Live Demo

6. jQuery Frontier Calendar

The jQuery Frontier Calendar is a full month calendar jQuery plugin that looks like Google Calendar. Supports drag-and-drop on agenda items, and iCal VEVENT import. Customizable style via CSS file.1

View Live Demo

7. jQuery UI Datepicker

The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily.1

View Live Demo

8. BlueShoes JS DatePicker Component

The DatePicker lets users easily select valid dates from a dropdown calendar. No need to worry about date formats, by picking dates it’s always correct.
1

View Live Demo

9. jMonthCalendar

jMonthCalendar is a full month calendar that supports events. You simply initialize the calendar with options and an events array and it can handle the rest. The plugin does have extension points that allow the developer to interact with the calendar when the display is about to change months, after the display has changed months and when the event bubbles are clicked on. jMonthCalendar now supports hover extension points, hover over an event and trigger an event like an alert(); By default the events would each have a URL supplied that would link to a details page.1

View Live Demo

10. Date Picker – jQuery plugin

Date Picker component with a lot of options and easy to fit in your web application.1

View Live Demo

11. jQuery Calendar Widget Plugin

A simple jQuery Calendar Widget Plugin with a month view. You can specify which month you would like to display or have it display the current month. With just 100 lines of Javascript code, this plugin is light-weight and perfect for its purpose.
1

View Live Demo

12. dyndatetime

jQuery has lots of date pickers, but no date- time pickers. This supports date and time, and renders the value to a single field in a configurable format. 1

View Live Demo

13. jQuery date picker plug-in

My jQuery datepicker is a jQuery plugin which allows you to easily add “date picker” calendars to you HTML forms. These calendars make it much quicker, easier and less error prone for people to input certain types of dates.1

View Live Demo

14. ClockPick

A jQuery timepicker plugin1

View Live Demo

15. jQuery Date Input

Due to lack of time, I am no longer actively developing this plugin. Sorry, but I will not be able to look at patches or bug reports. If anyone would like to take over as maintainer please get in touch.1

View Live Demo

16. simple jQuery date-picker plugin

Here’s a nifty little date picker, but it’s not complete. In fact, it may need YOUR help.1

View Live Demo

17. Multiday Calendar Datepicker JQuery Plugin

Multi-day, multi-month animated datepicker jQuery plugin that weighs in at 14KB with the uncompressed development version. 1

View Live Demo

18. Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework

We’ve updated our popular Date Range Picker plugin to use jQuery UI 1.7 and the new jQuery UI CSS Framework. This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges. It is an update from a former version we wrote for jQuery UI 1.5.3. 1

View Live Demo

19. jQuery Datepicker

A datepicker can easily be added as a popup to a text field or inline in a division or span with appropriate default settings. The popup shows when the field gains focus and is closed by clicking on the Close link or clicking anywhere else on the page. You can also remove the datepicker widget if it is no longer required.1

View Live Demo

20. CuteTime

As a result, and also in my quest to always help provide my clients free, cheap and easy to use tools, I have been on the lookout for a jQuery plugin that would provide the ability to easily…1

View Live Demo

21. timeago a jQuery plugin

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago”). 1

View Live Demo

22. Unobtrusive Date-Picker Widget Update

An attempt at writing a datePicker (calendar) that is accessible using the keyboard, requires no embedded JavaScript blocks, uses no pop-up windows and is suitable for use within documents served as application/xhtml+xml.
1

View Live Demo

23. jQuery.calendarPicker

This component is a light-weight calendar/date-picker.
1

View Live Demo

24. Create a jQuery calendar with AJAX, PHP, and a remote data source

This tutorial demonstrates how to create a jQuery calendar with PHP and Javascript using a remote data source. This is an extension of my previous article about the jQuery calendar I developed for the Salvation Army of Wake County website.
1

View Live Demo

25. Timeframe

Click-draggable. Range-makeable. A better calendar.
1

View Live Demo

26. The New Coolest DHTML Calendar

Welcome to the new coolest JavaScript Calendar, JSCal2! Note that this is a whole new product. If you’re looking for our old calendar, here’s the old project. Note that the old product is unmaintained.
1

View Live Demo

27. Create an Event calendar using Codeigniter and jQuery

This blog inspired me to make an event calendar using Codeigniter. You can download Bari’s source files. Please unzip it and save them. We are going to use them later. Bari puts a demo here. We are going to add this to Codeigniter.
1

View Live Demo

28. VCalendar

Just last week, I came accross to this website Narrow Design. His scroll menu caught a lot of my attentions, I played with it for a while. Yes, unfortunately, it’s built in flash. And, Yes, we are going to implement it with jquery – javascript based scroll menu that will do the same thing. Of course, it will not be 100% the same, because some of the fancy features just not that practical to implement with javascript.
1

View Live Demo

29. Event Calendar

Event Calendar is a jQuery and ColdFusion event calendar that works a lot like the Google Calendar system. With Event Calendar, you can share calendar information throughout your organization. There is also a simple user facade, that you can extend, to help control user rights.
1

30. Sexy jQuery Multiday Calendar Datepicker Plugin – jCal

jCal allows for a sequence of months to reside side by side and for the user to select a number of consecutive days.
1

View Live Demo