JavaScript
Article

10 Top of the Line jQuery Date Popup Plugins

By Sam Deering

With these 10 Top of the Line jQuery Date Popup (Datepickers) plugins, you can typically enrich your forms in a matter of minutes and your users will definitely love it! Most of them are designed to open up a clickable calendar popup once users activate a date form field. Have fun!

1. Zebra_Datepicker

A small, compact and highly configurable datepicker jQuery plugin, meant to enrich forms by adding the datepicker functionality to them.
Zebra_Datepicker
Source + Demo

2. DATE PICKER – JQUERY PLUGIN

It has a lot of options and easy to fit in your web application.
DATE PICKER
Source + Demo

3. Unobtrusive Datepicker Widget Update

A datePicker ( jquery Calendar) that is accessible using the keyboard, requires no embedded JavaScript blocks, uses no pop-up windows and is suitable for use within documents served as application/xhtml+xml.
Unobtrusive Datepicker Widget
Source + Demo

4. oClock – Analog Time Picker

A shiny analog time picker that provides user select time easily. It converts your inputs into an analog clock like date pickers does.
oClock
SourceDemo

5. jQuery.calendar/datepicker

A light-weight jquery Calendar/datepicker. Some features worth mentioning could be: supports internationalization (supports do not necessary means it is implemented), supports changing current date, supports mouse wheel scrolling, supporting (deferred) callback on date selection,supports variable number of years, months and days, supports next/prev arrows.
jQuery.calendar
Source + Demo

6. Multiday Calendar Datepicker JQuery Plugin

Multi-day, multi-month animated datepicker jquery Calendar plugin that weighs in at 14KB with the uncompressed development version.
 Multiday Calendar
Source + Demo

7. Datepicker Control, (JavaScript Datepicker)

Lets users easily select valid dates from a dropdown calendar. No need to worry about date formats, by picking dates it’s always correct.
Datepicker Control
SourceDemo

8. JSCalendar (JavaScript)

A JavaScript class that adds accessible and unobtrusive date-pickers to your form elements. By using it, you can set up the coolest calendar in the shortest amount of time.
JSCalendar
SourceDemo

9. Timeframe, (JavaScript Datepicker)

An open source JavaScript date picker.
Timeframe
SourceDemo

10. jQuery DatePicker

Simple jQuery UI date picker extension to allow user to choose date ranges. When user chooses a date, a hidden form is submitted.
jQuery DatePicker
SourceDemo

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.