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.
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.