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

Post Pic


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


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)

Unobtrusive JavaScript date-picker widgit with Keyboard access

2. TDatePicker Samples


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.,

TDatePicker Samples

3. Calendar A Javascript class for Mootools


Features Includes:

Style-able and semantic XHTML

4. DatePickerControl v1.1.7


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.

DatePickerControl v1.1.7

5. Popup datepicker or a flat calendar


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


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.

Vista-like Ajax Calendar version 2

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


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.

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

8. Datepicker – jQuery


jQuery - Date Picker

9. jQuery date picker plug-in


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.

jQuery date picker plug-in

10. Date Picker – jQuery plugin



  • 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

Date Picker - jQuery plugin

And More below:

Related Entries...


Please let us know your feedback about the article through the comments section below, we want to hear from you about our website. And your comment / advice may help us to serve you better in upcoming articles.

Thank You!
Vivekanand [Founder of DeveloperSnippets]

5 Responses


Hello I am Zen from,
I would like to ask you how can I create “Read more” like your web? Can you send me an article about it ? I cant find it on your web using search box.
I mean the “read more” with no Read More button and the sumary text is blur when the cursor move on them.
I hope you will guide me and thanks much.
I love your website very much.


Hi Zen,

Thanks for your comment, and here is the answer for your question. You have used Blogger Template (That is Blogger CMS), for my site I have used WordPress as CMS, there is a lot of difference between WordPress Templates and Blogger Templates…

Anyway, I will research on it and will let you know ASAP. Mean while you can search here in this blog, hope it might help you…, this is one of my coolest friend from web and he is also an expert in making blogger templates.



Thanks for your answer anyway , and I have visited the blog that you gave me above. That’s very great! I know 4 ways to create “Read more” on blogger template but i am very amazing when I saw the creative “Read more” structure on your website. I hope you can convert the code to use on blogger template.

I design blog ( not expert but I know a little bit) and specially I just design for blogger template.I love blogger than wordpress , I hope I can make friend with you, too.
I think most Jquery and Ajax widgets,tips are from your website and your best friend

If you have time please go through my home at Zenplate,thank you very much,have a gooday my friend.
Zen’s Twitter


Hi Zen,

Thanks for your valuable comment Zen, this will encourage me a lot in getting this blog to good level.

Coming to my posting, usually I am also a developer cum designer, so what are all the mile stones which I have faced, I will be posting the same, and even I will post the solution of it as well. Since, its going to help other developers as well :)

Thanks once again, you can reach me at


[…] Colección de datepickers Javascript para tus aplicaciones web. […]

Leave Your Response

* Name, Email, Comment are Required