🤯 50% Off! 700+ courses, assessments, and books

10 Top of the Line jQuery Date Popup Plugins

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.
Source + Demo


It has a lot of options and easy to fit in your web application.
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.

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

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.

9. Timeframe, (JavaScript Datepicker)

An open source JavaScript date picker.

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