Нужна постоянная штуковина TimePicker для мобильного веб-сайта

Question

У нас есть мобильный веб-сайт, который требует, чтобы пользователи вводили определенное значение времени - в основном в форме чч: мм.У нас большие трудности с согласованностью отображения и ввода времени из разных браузеров.

При поиске существующих примеров мы постоянно сталкиваемся с различными сайтами, которые допускают значения 'ball park' в течение минут - поэтому для них хорошо подходит выпадающий список с 15-минутными (например) приращениями - но выпадающий при60 значений - это смешно на любой платформе, особенно на мобильных.

HTML5 нас туда не доставляет.Стандартного ввода текста тоже нет, так как он имеет тенденцию показывать на устройстве альфа-клавиатуру, на которой нет цифр.HTML5 type = "number" почти работает, но для некоторых браузеров Android, у которых нет двоеточия (:) на цифровой клавиатуре.

Я хорошо знаю, что мы находимся в странехаос с мобильными браузерами, но кто-нибудь имеет хорошее представление о том, что может хорошо работать как на Android, так и на iPhone?

Примечание: я пробовал поискать в Google и проверял различные плагины jQuery, и ни один из них не обеспечил хорошего пользователяопыт для мобильных устройств - и многие из них плохи даже для настольных компьютеров.Идеи?

Answer 1

Я ненавижу отвечать на свои вопросы здесь, но похоже, что Mobiscroll наиболее близко подходит к решению проблемы для наших пользователей.Мы также посмотрели на jQM-DateBox , но почувствовали, что нашим пользователям не понравится автоматическое изменение значения часа при переходе назад на 59 или назад на 0.

В дополнение кэто мы оценили с помощью списка выбора jQuery Mobile в стандартном выпадающем списке, но он показался неправильным, когда мы его использовали, так как он, по сути, выводит элемент div на страницу, и прокрутка, которая перемещает всю страницу довольнонемного.Я думаю, что это было бы хорошо для нескольких предметов, но не применимо к нашей базе пользователей.

Answer 2

Мне не особенно нравится их подход, но я считаю, что Любой + Время Выбор даты / времени будет достаточно хорошо работать на мобильном устройстве - его можно позиционировать статически, а также пропорциями и размерами кнопок.посмотрите прямо.

Тем не менее, тестирование на моем iPhone показывает, что нужно устранить некоторые изгибы.В частности, после нажатия кнопки в виджете средства выбора «скрытое» поле ввода, которое заполняет средство выбора, фокусируется, и вид перемещается, и появляется экранная клавиатура.