Useful JavaScript Plugins when working with Time and Date

Feb 23, 2010 insic 3 Comments

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

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

About the author: insic

Subscribe in my RSS Feed for more updates on Web Design and Development related articles. Follow me on twitter or drop a message to my inbox.

  • stagas

    I like the processing you did on the thumbshots, they look like pages from a magazine or a book! Nice! :) Great collection of plugins also

    • insic

      Thanks, Glad you like it.

  • SM

    Great collection. Thanks