UiTimepickr Example

September 18, 2009

A very useful time picker tool, thanks to haineault http://haineault.com/home/ , but I am having a few issues with it.

The behaviour I am seeking is for the time picker to only appear when I click the "Start Time" text box.
This example always shows the time picker when the page is loaded, this leads to a problem where you can't click on a time setting to hide the control, if you click around the screen randomly, the time picker will eventually disappear, then clicking the Start Time field gives correct behaviour.

UPDATE!!! Have fixed this demo, ensure you load the jQueryUI themes CSS before the ui.timepickr.css file, loading them in the wrong order seems to cause all sorts of weird and wonderful results ;->

Dummy Control -

Start Time -

This behaviour is set using the code suggested by andy.nagai

$(document).ready(function(){ 
	$('#timestart').timepickr({ 
		format12: '{h:02.d}:{m:02.d}',
		val: '13:00', 
		trigger: 'click', 
		convention: 24 }); 
}); 

Latest details seem to be on this Google code page

jQuery v1.3.2
jQueryUI v1.7.2