Skip to main content

10 jQuery Calendar and Clock Picker Plugins

By Sam Deering



😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

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.

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.

3. Time Picker jQuery Plugin

A plugin providing Google-calendar-like functionality to an input where a user can type in a time string.

4. calendarLite jQuery Plugin

Small flexible calendar (widgetlike). You can assign custom callback, date format, link format and other things.

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.

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.

7. jQuery XML-Calendar Plugin

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

8. jQuery ClockPick Plugin -A Time Picker

A timepicker plugin, enabling users to enter a time value into a form field.

9. jQuery Date Input Plugin

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

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.

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *

🤓 Ok. When did a code editor from Microsoft become kinda cool!?