Javascript Time Picker, как Windows

Question

Я ищу какой-то пример Javascript Time Picker, который похож на тот, который используется в Windows, чтобы выбирать время ... ну, разве что без секунд, которые у них есть. В данный момент у меня есть макет, но я пытаюсь понять, какими должны быть некоторые пользовательские функции, так как это два входа и выпадающий список. Я думаю, я просто не доволен этим на данный момент. Заранее спасибо за любую помощь

Answer 1

Существует несколько плагинов jQuery, которые вы можете использовать для идеального контроля выбора времени.

Вот хороший: http://plugins.jquery.com/project/timepicker

Answer 2

Средство выбора времени Windows (если вы имеете в виду средство выбора системных часов) - это просто текстовое поле редактирования в маске. Если вы ищете что-то похожее, вам просто нужно немного JavaScript для редактирования маски, как этот:

http://digitalbush.com/projects/masked-input-plugin/

Чтобы сделать это специально для времени, вы должны легко добавить логику, чтобы часы не превышали 12 (или 24), а минуты не превышали 59.

Лично я предпочитаю, чтобы Календарь Google делал выбор времени. Для этого есть плагин jQuery, который можно найти здесь:

http://labs.perifer.se/timedatepicker/

Answer 3

Выбор времени не должен замедлять взаимодействие с пользователем, должен быть довольно простым, без необходимости играть с ним некоторое время, и должен быть доступен с клавиатуры для пользователей, которые не могут манипулировать мышью. Функция выбора времени, предоставляемая виджетом календаря AJAX Any + Time ™ Datepicker и Timepicker с поддержкой TimeZone , отвечает всем этим целям дизайна, поддерживает множество форматов даты и времени и легко настраивается с помощью CSS или пользовательского интерфейса jQuery. .

Хороший тест на удобство использования средства выбора времени - подумать о нечетном времени (скажем, 10:32 вечера), а затем посмотреть, сколько времени потребуется, чтобы точно выбрать это время, используя различные средства выбора времени. Вероятно, вы можете сделать это с Any + Time ™ быстрее, чем вы даже можете записать время вручную ... как это для скорости и простоты использования? : -Р

Answer 4

Я закончил тем, что создал прототип времени, который на данный момент менее прикольный, чем многие другие. Он показывает обычный ввод, пока вы не нажмете на него, а затем показывает выпадающий список, в котором есть время. Я могу поделиться кодом, если кому-то интересно

Answer 5

Как сказал Дэн, если вы ищете ввод маскированного текста и если вы хотите использовать платформу PrototypsJS, есть http://code.google.com/p/phenx-web/. И если вам нужен хороший выбор даты / времени, вы можете использовать это: http://home.jongsma.org/software/js/datepicker (также PrototypeJS). В настоящее время я работаю над этим с Джерерми Йонгсмой, чтобы добавить больше возможностей.

Answer 6

Я очень люблю jQuery, есть довольно хороший здесь .

Answer 7

Вот крутой.

http://www.java2s.com/Code/JavaScript/GUI-Components/FancyTimePicker.htm

Онлайн-пример элемента управления размещен здесь .