AJAX, JavaScript, jQuery Date Pickers for your Web Applications - Top Posted by Stranger on 6:34 AM Digg it Bookmark it Stumble it Email to friend

This article is for those programmer and developers who are looking for easy to use and free Date pickers for their websites. So here i am providing the direct links of jQuery and JavaScript Date Pickers which can be used in your Web Applications, below list illustrates most of the Date Pickers which are developed using JavaScript, jQuery, MooTools, ExtJS etc., I would like to say, I have selected most of the best Date Pickers from the Web. Hope, below list might help you in selecting your favorite Date Picker for your Web Applications.

1. Unobtrusive JavaScript date-picker widgit with Keyboard access

Website: http://www.frequency-decoder.com
Below are the respective features:

• Fully keyboard accessible
• Multiple date formats and date dividers supported
• Unobtrusive and nameSpace friendly
• Fully skinnable with CSS
• Both upper and lower date limits can be set
• Certain days of the week can be disabled
• Certain, dates can be disabled/enabled (and wildcards used to stipulate the dates in question)
• Includes “smart” localisation (16 languages currently available)
• Bespoke days of the week can be highlighted
• Works with single text inputs, split text inputs or select lists
• It’s free to use, even commercially (Released under a CC share-alike license)

2. TDatePicker Samples

Website: http://www.pradosoft.com
It has got many options like you can use default date picker or you can use most of the pickers like:Button Mode, InputMode=”DropDownList”, Custom DateFormat=”yyyy/MMMM/dd”, DropDownList etc.,

3. Calendar A Javascript class for Mootools

Website: http://www.electricprism.com
Features Includes:

• Style-able and semantic XHTML
• Future / past calendar restrictions (and more)
• Highly configurable use of inputs and selects
• Multi-calendar support (with padding)
• Variable navigation options
• Multi-lingual and fancy date formatting

4. DatePickerControl v1.1.7

Website: http://dali.mty.itesm.mx
Features Includes:

• Fully JavaScript (i.e. compatible with any server-side language [use free sofware!!])
• Automatic input control conversion with a single attribute in the input tag, or using a special id attribute.
• Multiple date formats.
• Layered calendar, without annoying pop-up windows.
• Mouse and keyboard navigation.
• Variable first day of week.
• Min and Max date limits.
• CSS support.
• LGPL License.

5. Popup datepicker or a flat calendar

Website: http://www.dhtmlx.com
Description: dhtmlxCalendar is a lightweight cross-browser JavaScript calendar which can be configured as a popup datepicker or a flat calendar. The component is easy-to-use and fully customizable. It can be attached to any text input field and provides fast and intuitive date selection in web-based applications.

6. Vista-like Ajax Calendar version 2

Website: http://dev.base86.com
Description: The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools javascript framework, AJAX, XHTML, CSS and PHP.

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

Website: http://www.filamentgroup.com
Description: 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.

8. Datepicker – jQuery

Website: http://jqueryui.com

9. jQuery date picker plug-in

Website: http://www.kelvinluck.com
Description: 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.

10. Date Picker – jQuery plugin

Website: http://www.eyecon.ro
Features:

• Flat mode – as element in page
• Multiple calendars in the component
• Allows single, multiple or range selection
• Mark dates as special, weekends, special days
• Easy to customize the look by changing CSS
• Localiation for months’ and days’ names
• Custom day to start the week
• Fits into the viewport