/ best free open source web resources /

Graphic Resources

Free Javascript Time Picker with Mootools

Posted · Category: Reviews

Do you remember last time I have reviewed NoGary’s Free Highly Customizable Javascript Calendar. This time he has created a flexible and useful time picker for us.

time-picker.png First of all, I think the clock looks quite nice. If you do not like the current style of the clock and would like a unique look and feel for your clock, you can create a custom look for the clock yourself. You can customize the look and feel of the clock by changing the images or creating new images using the PhotoShop files included in the resource directory.

The time picker utilizes a very easy drag and drop user interface. Users can drag the minute or hour hands independently to modify the time. You do not need to click on the hands exactly, you just need to select the area nearby, and it will automatically select the nearest hand for you. So that, users can select the hands easily even if the clock is very small. There are some other configuration options you can set when initiating the time picker by passing an options object, e.g. 12/24 hours format, starting time, clock’s size, etc…

The time picker is really easy to use and implement. I think this is really handy when building a web application. Sometimes, we really need a time picker so that we can select the exact time of the exact date for an event. This time picker comes in really useful when works in parallel with the date picker. After all, this is Free, you can download it whenever you would like to use it, but remember that Mootools Framework is needed when using the time picker.

  • It’s a shame they didn’t test in Opera…

  • Hi James,

    We actually test in IE6/7, Firefox, Opera and Safari on Windows. If you found any issues, please feel free to contact us with your questions. We’ll be more than happy to assist you.

  • Bat

    Awesome … I like it very much …
    Thanx for ur effort :)
    Good Luck

  • j

    zip doesn’t work on mac

  • Lucian


    Well done! Congratulations!

    Is it possible to integrate it into .aspx pages? Could you give me some hints, please?


  • Time date picker

    please send the codes of php,javascript for time picker.
    thank you.

  • Peter


    Congratulations for a beautiful job.

    Is it possible to find a way to get the hand of the hours
    between for example 2 and 3 o’ clock ?

    Is hard for users to see if its half past 3 or half past 4.



  • Abdul Sajid

    we are using it child pages and when Script manager is added in the master page, it stops and starts giving error.

    Any suggestion for the same.

  • jini

    hoooo. What a script. I really like it. thanks.


  • Inzamam ul-haq

    hi Reall y good……. this is what iam looking for…. how can i use this in .net project will u give me some suggestions

  • Viandthetornado

    March 14th, 2008 at 7:58 am
    zip doesn’t work on mac

    learn a shell already, maxOSX is after all a BSD ;)

  • Aplis

    I did go through the NoGray website. I liked the time picker a lot. I am working on implementing this time picker in JSP file. Unfortunately i am facing java script errors in my code. Could anyone help me. Thanks in advance

    Thank you.

  • Anuradha


    I really like this stuff to display time picker in a form.
    I used it and it successfully run in my application.. I
    really thankful to You.
    And I appreciate your work.
    Thank You…

  • Oh my goodness! an incredible article dude. Thanks Nonetheless I am experiencing subject with ur rss . Don’t know why Unable to subscribe to it. Is there anybody getting identical rss drawback? Anyone who is aware of kindly respond. Thnkx

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons