Выбор времени для мобильных устройств

Я работаю в HTML5, CSS3 и с помощью jQuery для своего проекта. Мне нужен только выбор времени - нет выбора даты - для мобильных устройств, таких как iPad, Galaxy и т.д. Он должен работать как с сенсорным экраном, так и с не сенсорными экранами. Я нашел один с слайдером, но он не удался на мобильных устройствах.

Ответ 1

Проверьте DateBox. Я думаю, что он делает именно то, что вам нужно:

Ответ 2

Я нашел еще один, который выглядит неплохо. Он также имеет разные стили для разных платформ: mobiscroll

Ответ 3

Я рад сообщить вам, что нет необходимости в стороннем плагине, чтобы получить функциональность выбора времени.

HTML5 уже имеет собственный сборщик времени, который очень легко реализовать:

<label for="timePicker1">Set Time:</label>
<input type="time" name="timePicker1" id="timePicker1" value="10:00">

Чтение и запись значения одинаково легко с помощью jQuery:

var time = $('#timePicker1').val(); //<- Get value
$('#timePicker1').val("09:30");     //<- Set value

Значение для set/get - это строка с форматом "hh: mm".

Он работает по назначению на JQuery Mobile 1.4.2.

Здесь также есть еще один полезный элемент управления HTML5: http://www.w3schools.com/html/html5_form_input_types.asp

С уважением.

Ответ 4

Я написал этот jQuery Time Picker на основе существующего Datepicker, но только для времени. Никогда не пробовал это на мобильном устройстве, но я думаю, что он будет работать хорошо.

Вы можете попробовать: http://fgelinas.com/code/timepicker

Ответ 5

Интересная проблема - я опробовал первый пример jQuery datepicker (включая timepickers):

http://plugins.jquery.com/project/cantipi

Он работает один раз на моем iPhone, но затем не реагирует на дальнейшие события касания.

Затем я попробовал второй: Календарный

http://tobiascohen.com/demos/calendrical/

Я мог установить время и reset на iPhone. Вы попробовали?

Вы также можете посмотреть на Sencha для событий касания и рассмотреть его таймер.

Ответ 6

Похоже, что jQuery mobile недавно обновил свой код выбора даты и времени. Взгляните на демонстрации здесь (которые могут работать только на мобильном устройстве): http://jquerymobile.com/test/docs/forms/textinputs/

Ответ 7

Я искал родного таймпикера, а не на заказ. Нашел это, что очень хорошо работает на Android 4.0+. Я еще не тестировал iOS.

http://bikasv.com/blog/2013/04/14/cordova-datepicker/