jQuery Date-Time Selectors
A Quick Survey of jQuery Date-Time Selector libraries and approaches (circa 2010)
NB: this research was done in 2010 and needs updating. It was originally published on the tardate blog. For more recent info, see:
- Best jQuery Date Picker Plugins for Input Fields
- DATE PICKER - JQUERY PLUGIN
- new version of Any+time
The table below summarises my findings at this point. The ranking is just my personal view, and this list is certainly not all inclusive (if you know of other/better options I’d be really interested to hear from you). Each tool links to a test page where I’ve tried to cut everything back to the bare essentials needed to run a demo. Feel free to pinch the source if it helps.
Conclusions? There are some reasonably effective tools here for quickly dropping in date and time editing support, but at the end of the day I’m not sure that Google haven’t already got it right with the simple combo-box time selectors in Google Calendar (is there a widget that includes something similar? Haven’t found it yet).
|The standard widget
|Extensively customisable and scriptable. Supports jQuery UI themes. Also works with prototype instead of jQuery. Cannot edit the bound field while the widget is active.
|Cannot use the time slider with finger, but you can select a point on the slider with finger OK.
|Generally neat extension of the standard datepicker. Supports alternate fields to split out date/time component for easier processing.
|Trent Richardson’s Timepicker
|Cannot use the time slider with finger. You can select a point on the slider with finger, but there is a minor bug meaning you need to select twice. You can also edit the bound field while the widget is active.
|Generally a very neat extension of the standard datepicker. Doesn’t support all features however e.g. alternate fields
|Yes. Slider button doesn’t work with the finger, but can select positions on the slider OK
|The UI is a bit klunky and no themes support so I didn’t bother with a demo page for this
|No fingers, no play (unless the device has a trackball you can fallback on)
|A different take on time entry. Maybe too different.
NB: version numbers refer to the latest versions that I have been able to successfully test
jQuery is not the only game in town of course. Here are some others…
- Calendar Date Select Prototype-based Rails plugin
- Dojo Date Controls and TimeSpinner
- MooTools Datepicker
- YUI Calendar, timepicker