Каков наиболее эффективный способ заполнения времени (или временного диапазона)?

Question

Несмотря на то, что существует множество решений для ввода дат (например, календари, раскрывающиеся меню и т. д.), похоже, не так уж много «стандартных» способов запросить время (или временной диапазон).

Я лично пробовал раскрывающиеся меню для полей часов, минут и секунд (а иногда и поля «AM/PM»).Я также опробовал несколько устройств ввода, подобных часам, большинство из которых слишком сложны в использовании для обычного конечного пользователя.Я даже пробовал «всплывающие» меню выбора времени (которые позволяют, например, навести указатель мыши на час «10», чтобы получить подменю, содержащее «:00», «:15»,»:30). ", и ":45") - но ни один из этих методов не кажется естественным.

На данный момент лучший (и наиболее универсальный) метод, который я нашел, — это просто использовать простые текстовые поля и заставлять пользователя вручную заполнять часы, минуты и секунды.Кроме того, у меня был хороший опыт создания чего-то похожего на «Дневной просмотр» Outlook, который позволяет вам перетаскивать событие, чтобы установить время начала и окончания.

Есть ли «лучший способ» запросить эту информацию?Кто-нибудь использует какой-нибудь виджет ввода времени, который действительно интуитивно понятен и прост в использовании?Или, по крайней мере, есть более эффективный способ, чем использование простых текстовых полей?­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Я считаю подход Календаря Google лучшим.Используйте текстовое поле, но используйте JavaScript, чтобы сделать его своего рода раскрывающимся списком для выбора времени.Хорошую демонстрацию можно найти для jQuery. реализация здесь

Я еще не реализовал это на своем сайте, поэтому не уверен на 100%, но думаю, вам также понадобится код из этого плагина jQuery:
http://www.texotela.co.uk/code/jquery/timepicker/

Редактировать
Первая ссылка, которую я разместил, не требует кода второй ссылки.Это просто основано на этом.Чтобы получить фактический файл JavaScript из примера, вы можете просмотреть исходный код страницы и узнать, где находится файл, или напрямую перейти по URL-адресу.
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

Есть весьма полезная штука запись времени инструмент для JQuery.Он обеспечивает подход типа «спиннер» в дополнение к стандартному текстовому полю.Он также поддерживает использование колеса прокрутки мыши для настройки (а также традиционный подход «просто введите это») и может быть настроен на ограничение до н-минутные шаги тоже, если хотите.Он довольно настраиваемый, поддерживает локализацию и множество других настроек, я успешно использовал его в нескольких проектах/демо-сайтах.

Answer 3

Я большой поклонник простого языкового ввода (на днях была тема по этому поводу).Мне нравится, как в рюкзаке-календаре 37signals можно вводить данные (12 августа, 15:00, Встреча с Томом).Мне также нравится, как они распределяют время с помощью своей системы напоминаний (они дают вам варианты, например, сегодня позже, завтра утром).