10 jQuery Calendar Date Picker Plugins

It is very simple to use jQuery Calendar and Date Pickers. Using these particular plugins, you can add cool calendar features to absolutely any website at all. All you need to do is incorporate one of the plugins right onto your website and you are good to go. Please note though that some of the plugins may require minor adjustments, modifications and styling to fit your needs but otherwise they are ready to use and start functioning. For those of you who are unaware of the concept, jQuery is a JavaScript library with cross-browser functionality which is designed in order to simplify scripting of HTML.

This particular lists talks about 10 jQuery Calendar Date Picker Plugins that you can incorporate with your website to produced amazing calendars. Whether you want to or not, there are certain situations where a calendar on your website is an absolute necessity. Therefore, it is important for you to have tools which can create amazing date pickers for you. We certainly hope you enjoy the list and as always, your comments are welcome.


CLNDR is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn’t generate markup. Instead you provide an Underscore.js HTML template and in return CLNDR gives you a wealth of data to use within it.


jQuery Verbose Calendar

jQuery Verbose Calendar is a plugin for displayed detailed calendar day, month and year at the same time. It can customize as well.

jQuery Verbose Calendar

JQuery Event Calendar Plugin


wdCalendar is a jquery based google calendar clone. It cover most google calendar features.

  • Day/week/month view provided.
  • create/update/remove events by drag & drop.
  • Easy way to integrate with database.
  • All day event/more days event provided.

JQuery Date Picker Plugin

wdDatepicker is a plugin for the jQuery library which make it easy to enter dates into web forms.
It’s also support month and year dropdown list for choose.



jMonthCalendar is a full month calendar that supports events. You simply initialize the calendar with options and an events array and it can handle the rest. The plugin does have extension points that allow the developer to interact with the calendar when the display is about to change months, after the display has changed months and when the event bubbles are clicked on.



FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).

Full Calendar

Calendar Heatmap

Cal-Heatmap is a javascript module to create a calendar heatmap.



An ultra-simple, customizable, light-weight date picker plug-in for jQuery at just over 7KB compressed or 25KB uncompressed.



jQuery Frontier Calendar

All UI elements such as next-month & previous-month buttons, add event form, edit event form, tooltips, etc, are not part of the calendar plugin.

jQuery Frontier Calendar



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


What do you think?

0 points
Upvote Downvote

Total votes: 0

Upvotes: 0

Upvotes percentage: 0.000000%

Downvotes: 0

Downvotes percentage: 0.000000%


12 Best Bootstrap Design Tools

Preserve Code Formatting

15 Useful WordPress Plugins for Development