EXT JS Time Picker Script

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
3,945 views

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

http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/magnolia_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/google_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/mixx_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/twitter_32.png

Related Listings:

  1. jQuery Date Picker Script This is an clean, unobtrusive plugin for jQuery which allows...
  2. Sliding Date Picker Due to the development of Qash.nl, a Dutch personal finance...
  3. DatePicker v4 Ajax Script My 3rd and final attempt writing a datePicker (calendar) that...

Do you like this post?

Email:     

Tags: , ,

4 Comments »

  1. avatar comment-top

    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

    comment-bottom
  2. avatar comment-top

    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

    comment-bottom
  3. avatar comment-top

    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!

    comment-bottom
  4. avatar comment-top

    [...] http://www.ajaxupdates.com/ext-js-time-picker-script/ ここのJSの時刻ピッカーをExtJSに入れてみたという感じです。 [...]

    comment-bottom

RSS feed for comments on this post. TrackBack URL

Leave a comment



Web Design & CSS (Templates) - TOP.ORG