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.
$(function(){
$('#test-1').timepickr({handle: '#trigger-test'});
});
| 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 |