10 jQuery Time Picker Plugins

Sam Deering

What time is it? It’s time for another set of 10 super cool jQuery Time Picker plugins for your webpages! We see heaps of date pickers and calendar pickers out there but not so many time pickers, so it’s about time we showed you some! Have fun!

Related posts:

1. jquery.timepickr

It was created in an attempt to make the process of inputting time in a form as easy and natural as possible.
jquery.jpg
Source & Demo


2. jQuery.ptTimeSelect


Is a jQuery plugin that provides a UI for a user to define and set a time on a user form. It requires jQuery (obviously) as well as the dimmention.js plugin (available from jQuery as well).
jQueryptTimeSelect.jpg
Source & Demo


3. jQuery UI Timepicker


Is a jQuery UI time picker plugin build to match with other official jQuery UI widgets. Based on the existing date picker, it will blend nicely with your form and use your selected jQuery UI theme. The plugin is very easy to integrate in your form for you time (hours / minutes) inputs.
jQuery-UI-Timepicker.jpg
Source & Demo


4. Timeago


Is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago”).s
Timeago.jpg
Source & Demo


5. like iPhone jQuery scroller Date and Time picker


A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.
like-iPhone-jQuery-scroller-Date-and-Time-picker.jpg
SourceDemo


6. 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).
FullCalendar.jpg
Source & Demo


7. G – Time Picker


This is a simple Time Picker that allows you to pick time in 12hr format. Very lightweight, the plugin hardly is 3kb fat.
G-Time-Picker.jpg
SourceScreenshot


8. jQuery Time Entry


A jQuery plugin that sets an input field up to pick a time value using a spinner.
jQuery-Time-Entry.jpg
Source & Demo


9. Any+Time™ DatePicker/TimePicker AJAX Calendar Widget


The Any+Time™ JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility.
Any+Time-DatePicker-TimePicker-AJAX-Calendar-Widget.jpg
Source & Demo


10. will_pickdate


Most date pickers only support day of month. If you want to pick a time, you would require another time picker widget. This is both bad UX and bad UI. With will_pickdate, you can do all that and more within a single well designed widget.
will_pickdate.jpg
Source & Demo

Win an Annual Membership to Learnable,

SitePoint's Learning Platform