Tony Landis home

jQuery Plugin - Date/Time Input

I needed a simple, intuitive date time selector and couldn’t find an exact match for what I was wanting to do.

So I wrote this simple jQuery plugin to take a normal input field containing 24-hour formatted time (HH:MM:SS), and create options for the selection of hour, minute, AM/PM, updating the user’s selection back to 24 hour format in the input field, which the plugin will hide by default.

Screenshot, links are below

One thing I noticed while coding this - the 12-hour clock system is very non-intuitive, at least compared to the 24-hour system which just goes 00:00:00 - 23:59:59. Read this to see what I mean.

At any rate, the plugin works for me.

Example usage of the select time plugin.Github repository with the select time code.

Enjoy, and let me know of any bugs or improvements.

blog comments powered by Disqus