Timepicker

Timepicker

This is an idea and a completed project. I developed a timepicker last year using a modification of the code from the JQuery datepicker (version 1.8.16). This could be updated and added as a potential widget into the latest version of JQuery UI (which is why it is an idea). The timepicker differs from others currently available as you can see below. Another idea is to just show the five minute increments under "minute", and then add a "show all" or "more" button for specific times.



Some of the helper functions include formatting a time string, parsing a time string, calculating the number of minutes between two times, and comparing two times.

I have attached the javascript code as a zip file. Below is the basic implementation.

  1. $('input.timepicker').each(function() {
       $(this).timepicker();   
    });