The first ever Time Picker that utilize a very easy drag and drop interface. With it’s unique design, anyone can drag the minutes or hour hands independently to select a time. Here is a quick list of features:
* Easy to use and implement.
* Independent hours and minutes hands.
* Drag the clock hands to set the time.
* Uses CSS spirits for faster loading time.
* 12 or 24 hour output with and AM and PM (translatable) ticker.
Example:
<input type="text" name="time2" id="time2" /> <a href="#" id="time2_toggler">Open time picker</a> <div id="time2_picker" class="time_picker_div"></div>
Demo: http://99thmonkey.org/extjs/examples/clockfield/
Download:http://www.nogray.com/download/nogray_timepicker.zip
Source: http://www.nogray.com/time_picker.php

Related Listings:
RSS feed for comments on this post. TrackBack URL
September 21st, 2009 at 3:16 pm
Nice little script
The clock is pretty cool looking. I’ve been thinking about setting up something like this to do ranges (start and end times) in a more usable way.
I did note that the down arrow doesn’t work to open the window, like the regular ext combos.
Best
October 21st, 2009 at 2:36 am
Compelling! Would like to use it.
Works in Firefox, but I notice that the clock hands are not draggable in IE (8.0.6001) TYPICAL!
please check this out. thanks
October 21st, 2009 at 3:12 am
Further to my previous post I can see the widget working at another url for IE 8
http://www.nogray.com/time_picker.php
so I’m delighted!
November 19th, 2009 at 2:31 am
[...] http://www.ajaxupdates.com/ext-js-time-picker-script/ ここのJSの時刻ピッカーをExtJSに入れてみたという感じです。 [...]