You may have used various calendars(datapickers), they are really useful when you want to decide dateline. If you are interested in how the plugins work and how you can provide your visitors with the same convenience, this collection can answer to your expectation.
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input’s value.
This is an clean, unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages. Designed from the ground up to be flexible and extensible, the date picker can be used in unlimited ways to allow you to add calendar widgets to your pages.
As part of Nitobi’s Complete UI suite of ten Ajax components, Calendar offers a high-performance date picker that can be used with Nitobi Grid or in standalone web applications.
AJAX Calendar is a plugin that will display an AJAXified WordPress calendar. This enhances the functionality of the standard calendar by allowing the asynchronous navigation of months, without updating the page, adding a drop-down list of post titles in each month (through the «-» button) and widget support.
The super version includes the posting and viewing of linked events, and it comes with an admin tool to easily add and modify events to the calendar. Also added is a "jump to" box (the down arrow) so you can jump to a month / year instead of having to navigate using the previous / next functions.
dhtmlxScheduler is a web-based event calendar which provides simple in-browser scheduling solution. With smooth Ajax-enabled interface dhtmlxScheduler allows users to add, modify or delete events without refreshing the web page.
A PHP calendar with AJAX ‘day status’ selection using a mySQL database, simply click on a day to mark it as ‘busy’. This calendar function enables you to display calendars including month navigation and AJAX day status selection. Multiple calendars can be displayed at once, each with individual owner IDs enabling you to use calendars to display varying schedules/events. When a calendar is loaded by the ‘calendar owner’ then the AJAX functionality is also loaded enabling the user to simply click on a day to mark it as busy or free, adding/removing the event from the mySQL database.
An Ajax enabled online calendar. Drag and drop events to change dates, drag the start/end of an event to create multi-day events, create and edit events without refreshing the page, all with an iCal style interface. Demo works in Firefox, Opera, Safari, and Internet Explorer (IE support is still buggy).
The final calendar in this tutorial contains a hyperlink for each day of the month. When a hyperlink is clicked, a list of events for that day is requested from a remote script, cached client-side, and displayed on the page.
FullCalendar is a famous jQuery calendar plugin which offers features like drag-and-drop, integration with Google Calendar and able to fetch events through JSON. Designers can easily customize the look and feel of the calendar, while developers can utilize the exposed hooks for user-triggered events.
This is a tutorial which uses both jQuery and CSS to build an iPhone styled calendar application. The author also implement the Coda-like effect for the popup event.
jMonthCalendar supports full month calendar and events. The interesting part of this plugin is it allows developers to interact with the calendar.
Date Picker is a jQuery calendar plugin released under MIT and GPL licenses. It has a lot of options and features. For example, you can have multiple calendars in the component, mark dates as special days, easy to customize through CSS and allow different selection modes. All these can be easily setup though the configuration options.
jQuery Week Calendar is a plugin which will include a weekly calendar in the web application. The events can be supplied as an array or JSON, and these events can be easily drag, drop and resize. There are a lot of options and event callbacks which you can refer through the official plugin page.
This is a very simple date picker plugin. However, it provides a lot of useful and necessary features for a date picker. For example, you can easily navigate to the months and years through the drop down selection boxes.
This powerful date range picker is a modified version of jQuery UI’s Datepicker component. It has a quicker date selection from a list of preset dates/ranges and a smooth transitions. The latest version uses the jQuery UI 1.7 and jQuery UI CSS Framework. With the power of jQuery UI, user can now switch the calendar theme easily.