10 jQuery Calendar and Clock Picker Plugins

Sam Deering
10 jQuery Calendar and Clock Picker Plugins make your development life easier! Calendars and clock pickers play a vital role in forms and user interface. Add class and interactivity to your forms with these attractive jQuery Calendar Plugins. It’s just a matter of time before you’ll need one of these! ;-)


1. jMonthCalendar – Full Month Event Calendar jQuery Plugin


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. By default the events would each have a URL supplied that would link to a details page.
jMonthCalendar-–-Full-Month-Event-Calendar-jQuery-Plugin.jpg
Source


2. jQuery jToday Plugin


jToday is an easy to use jQuery plugin that displays a “Today Is” like calendar icon. It is suspiciously similar to the event calendar icons on the LinkedIn home page.
jQuery-jToday-Plugin.jpg
Source


3. Time Picker jQuery Plugin


A plugin providing Google-calendar-like functionality to an input where a user can type in a time string.
Time-Picker-jQuery-Plugin.jpg
Source


4. calendarLite jQuery Plugin


Small flexible calendar (widgetlike). You can assign custom callback, date format, link format and other things.
calendarLite-jQuery-Plugin.jpg
Source


5. jQuery Week Calendar Plugin


Provides an interactive weekly view of calendar events.
Features include:
> Display of calendar events within a weekly grid
> Calendar events can be supplied as an array, URL or function returning JSON
> Calendar events can be dragged, dropped and resized
> Lots of callbacks for customizing the way events are rendered plus callbacks for drag, drop, resize, mouseover, click etc.
> Automatically scrolls to current time
> Extend the core calendar event data structure with your own data
> Highly configurable, enabling variable timeslots, read-only calendars, display of partial days, custom date formatting, direct manipulation of individual events for create, update, delete of events and much more.
jQuery-Week-Calendar-Plugin.jpg
Source


6. jQuery Monthly Ical Plugin


This jQuery Monthly Ical Plugin can be used to create a full month calendar. This plugin makes the calendar more dynamic, you can the month for one. You can add events to the calendar, which pop up in a nice coda bubble.
jQuery-Monthly-Ical-Plugin.jpg
Source


7. jQuery XML-Calendar Plugin


A small jQuery Calendar, which shows a list of events from a xml-file.
jQuery-XML-Calendar-Plugin.jpg
Source


8. jQuery ClockPick Plugin -A Time Picker


A timepicker plugin, enabling users to enter a time value into a form field.
jQuery-ClockPick-Plugin-A-Time-Picker.jpg
Source


9. jQuery Date Input Plugin


Date Input is a no frills date picker plugin for jQuery. Lightweight. Fast. Pretty by default.
jQuery-Date-Input-Plugin-.jpg
Source


10. jQuery Calendar Widget Plugin


You can specify which month you would like to display or have it display the current month. With just 100 lines of JavaScript code, this plugin is light-weight and is perfect for its purpose.
jQuery-Calendar-Widget-Plugin.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.