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

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

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

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

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


person Ryan    schedule 24.08.2008    source источник


Ответы (3)


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

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

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

person Dan Herbert    schedule 25.08.2008

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

person Shane Hughes    schedule 25.08.2008

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

person jonezy    schedule 25.08.2008