jQuery Time Picker

One of the major conventions in UI design is to use what people already know. If you present an interface that is unfamiliar, people tend to be hesitant to accept or use it regardless of how good or bad it might be. That said, sometimes someone comes up with a new UI component that is both cool and useful. Maxime Heinault's jQuery timepickr is one such component.

jQuery time picker jQuery timepickr

Its description professes a "maximum two-click" approach to choosing a time, but if the picker opens on hover it could be brought down to one click. It's unobtrusive, degrades gracefully, is navigable via keyboard or mouse, and the button sizes are even touchscreen-friendly, for those of us in the kiosk world. The only issue I have with it so far is that it lets you type in a time, but resets itself once you tab out... It should either not let you change the value or accept what you enter.

Tags




blog comments powered by Disqus
search blog
random posts
  • High-Performance-MySQL-Optimization-Replication
  • High-Performance-Web-Sites-Essential
categories & tags
about hb stone

I'm a Front-End Engineer at Yahoo! working on the Mail and Messenger teams. I blog about web design and development topics including accessibility, usability, performance, and developing HTML / CSS / JavaScript applications on Appcelerator Titanium and Adobe AIR.

If you're a web developer, you might enjoy Jelo, my JavaScript library.

@hbstone follows:
@hbstone tweets:
  • JavaScript-Definitive-Guide-David-Flanagan
  • Building-Scalable-Web-Sites-Henderson
copyright

All original work on this site is covered by a Creative Commons Attribution 3.0 license unless otherwise specified.

You may share or use any code or images from this site in any manner, for free, so long as reasonable effort has been made to give credit where due.

The views expressed in the posts and comments on this blog do not necessarily reflect the views of Yahoo!