移动设备的时间选择器

Question

我在HTML5，CSS3中工作，并为我的项目使用jQuery。我需要一个时间选择器 - 没有日期选择器 - 用于iPad，Galaxy等移动设备。它应该适用于触摸屏和非触摸屏设备。我找到一个带滑块但在移动设备上失败了。

Answer 1

结帐DateBox。我认为它完全符合您的需求：

Answer 2

我发现另一个看起来很不错的。它对不同的平台也有不同的风格：mobiscroll

Answer 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的值是格式为＆＃39; hh：mm＆＃39;的字符串。

它在JQuery Mobile 1.4.2上按预期工作。

此处还有另一个有用的HTML5控件： http://www.w3schools.com/html/html5_form_input_types.asp

问候。

Answer 4

我基于现有的Datepicker编写了这个jQuery Time Picker，但仅限时间。从未在移动设备上尝试过，但我认为它会运行良好。

您可以尝试：http://fgelinas.com/code/timepicker

Answer 5

有趣的问题 - 我尝试了第一个Jquery datepicker（包括timepickers）示例：

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

它在我的iPhone上运行一次，但随后无法响应进一步的触摸事件。

然后我尝试了第二个：Calendrical

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

我可以设置时间并在iPhone上重置它。你试过吗？

您也可以查看Sencha的触摸事件并考虑其计时器。

Answer 6

看起来jQuery mobile最近更新了他们的日期和时间选择器代码。看看这里的演示（可能只能在移动设备上正常工作）： http://jquerymobile.com/test/docs/forms/textinputs/

Answer 7

我一直在寻找一个原生的时间选择器，而不是一个定制的时间选择器。发现这在Android 4.0+上运行得非常好。我还没有在iOS上测试过。

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