jquery.timepickr.js

MIT License ~ http://www.opensource.org/licenses/mit-license.php
Experimental code !

This is my humble attempt to enhence web time picking.

For the moment I'd call it a toy project, it might stay in experimental state evitam eternam.. I just wanted to see if I could create a better time picker. I've seen lots of time pickers styles and approaches, but none seems to focus on user experience accross many platforms and beautiful degradation.

So I've determined a set of goals to achieve a better time picker.

Goals

Demo

Time

Basic usage

$(function(){
    $('#test-1').timepickr({handle: '#trigger-test'});
});

Options

Options Default Description
handle false handle is a dom element which will open the menu upon click
hours true display hours
minutes true display minutes
seconds false display seconds
range24 $.range(0, 24) available hours to pick in 24 format (0, 23)
range12 $.range(0, 12) available hours to pick in 12 format (1, 12)
rangeMin ['00', '15', '30', '45'] available minutes to pick
rangeSec ['00', '15', '30', '45'] available minutes to pick
apm ['am', 'pm'] AM/PM labels
convention 12 hour convention (12 or 24)
val false Initial value
dropslide object dropslide options

Tested browsers

Todo