Мне этот больше понравился, чем предоставленный в статье.
Ибо аутентичное положение стрелок это одно, но удобство такого выставления времени, когда нужно постоянно сверяться с результатом в цифрах — это другое. В приведенном выше примере всегда понятно, какой час выбран.
Самый крутой из трех. Выбор ближайшей к клику стрелки — самое естественное пользовательское взаимодействие — как бы ты и сделал с реальными часами. Анимации и смену циферблатов если убрать — вообще идеально будет.
Версия под iOS ведет себя иначе, чем под винду — при открытии стрелки крутятся, что смущает (раздражает) и нельзя потаскать за стрелки, хотя два тапа работают очень логично. А вот на компе при открытии стрелки не крутятся, но два клика не работают, можно только потаскать за стрелку.
К сожалению пока нету ни одного достойного плагина. Все что есть работает исключительно в часовом поясе сервера. Везде нужно дорабатывать напильником чтобы работало с таймзоной.
jQueryUI timePicker — виджет для выбора времени