Helpful JavaScript Time and Date Picker, Plugins for Frameworks

Do you need a beautiful JavaScript time/date picker for your web blog? Just spend a little of time to view these JavaScript time and date pickers in action, maybe you will have an awesome one.

This free JavaScript article shows you a list of 17 JavaScript time, date pickers that they're so easy to setup, be along with the simply and beauty in real view. All these JavaScript time, date pickers need a JavaScript framework to work with: iCal-like calendars with jQuery, jDigiClock, jQuery UI Datepicker, simple jQuery date-picker plugin, jquery.timepickr, MooTools DatePicker, Vista-like Ajax Calendar, MooGenda, Nogray JavaScript Calendar Component, Monket Calendar, Calender Eightysix, ...

Sampled by ©

Rounding up the best calendar and date javascript plugins around the web that is useful for your web application.

iCal-like calendars with jQuery

A beautifully designed calendar inspired by iCal application. This is perfect for an event calendar for wordpress or being integrated to your application.

Live Demo and documentation

2. jDigiClock

jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget.

Live Demo and documentation

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

Live Demo and documentation

4. jQuery date picker plug-in

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.

Live Demo and documentation

5. Date Range Picker using jQuery UI 1.7

This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges.

Live Demo and documentation

6. Date Picker jQuery Plugin from

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

Live Demo and documentation

7. jQuery Date Input

Date Input is a no frills date picker plugin for jQuery. It is Lightweight and Fast.

Live Demo and documentation

8. simple jQuery date-picker plugin

Live Demo and documentation

9. jquery.timepickr

jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.

Live Demo and documentation

10. MooTools DatePicker

Smoothly animating and very configurable. No Ajax - pure Javascript. Will work for any date-format and even supports time-picking. 4 skins ready for download, and it's easy to skin it yourself.

Live Demo and documentation

11. Vista-like Ajax Calendar

The Vista-like Ajax Calendar (vlaCalendar) is an unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools javascript framework, AJAX, XHTML, CSS and PHP.

Live Demo and documentation

12. Calendar - A Javascript class for Mootools

Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. This class is a compilation of many date-pickers I have implemented over the years and has been completely re-written for Mootools. I have tried to include all the features that have been most useful while streamlining the class itself to keep it as small as possible. Use the links below to see what features are available in Calendar and how it might enhance the accessibility, usability and validation of form elements on your website.

Live Demo and documentation

13. MooGenda

A javascript calendar based on MooTools.

Live Demo and documentation

14. Datejs

Datejs is an open-source JavaScript Date Library. Comprehensive, yet simple, stealthy and fast. Datejs has passed all trials and is ready to strike. Datejs doesn't just parse strings, it slices them cleanly in two.

Live Demo and documentation

15. Nogray JavaScript Calendar Component

This is a free and highly customizable Javascript calendar component for web developers like us. The look and feel of the calendar can be changed easily using CSS. You can have more than one calendar on any page, create any number of months per calendar. You can also enable multi selection of date as well. The calendar is very easy to integrate into your website or application.

Live Demo and documentation

16. Monket Calendar

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.

Live Demo and documentation

17. Calender Eightysix

Calendar Eightysix is an unobtrusive developer friendly calendar and datepicker, offering a better user experience for date related functionalities.

Live Demo and documentation

Am I missing something that is worth to include in this post? Hit the comment and I'm happy to add it.

Translate this page to English Translate this page to French Translate this page to Vietnamese

Recent articles
The Possible Working Methods of Python Ideology
JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece
Learning How to Make Use of New Marketing Trends
5 Important Elements of an E-commerce Website
How To Create A Successful Prototype For Your PCB
WordPress Landing Page Conversion Essentials to Convert More
4 Development Hacks To Make Your Website Launch A Success
Why Data Recovery Software and Services are Important
Why Engineers Specializing in DevOps Are the Wave of the Future
The Ultimate Checklist for HTTP to HTTPS Migration

Top view articles
65 Free JavaScript Photo Gallery Solutions
Top 10 Beautiful Christmas Countdown Timers
Best Free Linux Web Programming Editors
Top 50 Most Addictive and Popular Facebook mini games
Top 10 Free Web Chat box Plug-ins and Add-ons
50+ Beautiful Resources of HTML Form using CSS and JavaScript
Top 10 Best JavaScript eBooks that Beginners should Learn
The Ultimate JavaScript Tutorial in Web Design
HTML5 Web Workers Multithreading in JavaScript
Learn more about JavaScript Inheritance with Tiny JavaScript Example Codes

Free JavaScript Tutorials & Articles