移动设备的时间选择器

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的值是格式为'hh:mm'的字符串.

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

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

问候.

Answer 4

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

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

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

然后我尝试了第二个：Calendrical

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

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

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