Bookmark: Ready to use jQuery and JavaScript Date Pickers for your Web Applications

Introduction

This article will lists most useful and ready to use 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

And More below:

• jQuery UI Datepicker Project
• Two date fields acting as a date range
• MooMonth
• Monket Calendar
• Datejs
• JavaScript Calendar Component
• Using JQuery DatePicker in ASP.Net
• jQuery Datepicker
• JCalendar
• Unobtrusive Date-Picker Widget V4
• Yahoo! UI Library: Calendar
• JavaScript Date Picker Test
• Cut & Paste Date Time Picker
• Date Picker provides a pop-up calendar in a dynamically populated DIV.
• Calendar Popup
• Jscalendar-1.0
• DateChooser Examples
• Javascript Date Selector v.3
• Date-picker
• Cross-Browser DHTML Date Picker
• JavaScript Date Picker
• JavaScript Calendar Script/Date Picker Widget
• The sliding date-picker

Articles which you would like to read:

• jQuery AJAX Tabs with ThickBox enabled
• Simple Bookmark Script using jQuery
• Floating SlideIn Menu with Anchor Link using jQuery
• Slide In and Slide Out Status Message Box using jQuery
• Bookmark: 50+ stunning jQuery applications
• Smooth Slide Show s3Slider jQuery plugin
• Comparing two Arrays and remove duplicates from Original Array using JavaScript concat and slice
• Evaluate scripts while working on AJAX Requests
• How To: Make Tabs Reload and Evaluate Scripts using ExtJS
• Removing duplicate values from multi dimensional array using JavaScript