移动设备的时间选取器

Question

我正在使用HTML5，CSS3和我的项目使用jQuery。我只需要一个时间选择器 - 无日期选择器 - 适用于iPad，Galaxy等移动设备。它应该可以同时用于触摸屏和非触摸屏设备。我发现一个滑块，但它在移动设备上失败。

Answer 1

有趣的问题 - 我尝试了第一个jQuery的日期选择器（包括timepickers）例如：

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

它可以一次在我的iPhone，但随后未能响应进一步的触摸事件。

然后我尝试了第二个：历法

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

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

你也可以看看Sencha的触摸事件，并考虑它的计时器。

Answer 2

我写这个jQuery时间选取器基于现有的Datepicker，但仅限于时间。从未在移动设备上尝试过，但我认为它会运行良好。 http://fgelinas.com/code/timepicker

Answer 3

退房DateBox：

你可以试试。我认为它正是你需要的：

Answer 4

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

Answer 5

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

Answer 6

我一直在寻找一个本地timepicker而不是定制的。发现这在Android 4.0+上效果非常好。我还没有在iOS上测试过。

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

Answer 7

我很高兴地告诉你，有为了得到时间选择器功能，无需使用第三方插件。

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 

的任一组值/获取是格式为“hh：mm”的字符串。

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

也有另一种有用的HTML5控制这里： http://www.w3schools.com/html/html5_form_input_types.asp

问候。