Jquery 移动设备的时间选择器

Jquery 移动设备的时间选择器,jquery,html,css,mobile-website,Jquery,Html,Css,Mobile Website,我在HTML5、CSS3中工作,并在我的项目中使用jQuery。我只需要一个时间选择器-没有日期选择器-用于iPad、Galaxy等移动设备。它应该可以与触摸屏和非触摸屏设备一起使用。我发现其中一个带有滑块,但在移动设备上失败。有趣的问题-我尝试了第一个Jquery datepicker包含计时器示例: 它在我的iPhone上工作过一次,但随后无法对进一步的触摸事件做出响应 然后我试了第二个:历法 我可以在iPhone上设置时间并重置它。你试过了吗 你也可以查看森恰的触摸事件并考虑它的计时器。

我在HTML5、CSS3中工作,并在我的项目中使用jQuery。我只需要一个时间选择器-没有日期选择器-用于iPad、Galaxy等移动设备。它应该可以与触摸屏和非触摸屏设备一起使用。我发现其中一个带有滑块,但在移动设备上失败。

有趣的问题-我尝试了第一个Jquery datepicker包含计时器示例:

它在我的iPhone上工作过一次,但随后无法对进一步的触摸事件做出响应

然后我试了第二个:历法

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


你也可以查看森恰的触摸事件并考虑它的计时器。

< P>我根据现有的DeDePikor编写了这个jQuery时间选择器,但只是时间。从未在移动设备上尝试过,但我认为它会很好地工作

您可以在以下位置尝试:签出。我认为它正是您所需要的:


看起来jQuery mobile最近更新了日期和时间选择器代码。请查看此处可能仅在移动设备上正常工作的演示:

我找到了另一个看起来很不错的。对于不同的平台,它也有不同的样式:


我想找一个本地的计时员,而不是定制的。发现这个在Android 4.0+上运行得非常好。我还没有在iOS上测试


我很高兴地告诉你,不需要第三方插件来获得时间选择器功能

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控件:


问候。

谢谢你的帮助。但伙计们,我需要一个时间选择器,可以显示,让用户选择时间高达秒。请告诉我你制作的控件是否也可以自定义。伙计们,我需要向用户显示0到59之间的分和秒。很抱歉,它没有这样做。分秒级的输入将是巨大或复杂的。也许你需要一个定制的numpad或者什么的。嗨,是的,你说得对。我找到了一个解决方案,指向文本字段的屏蔽,只允许时间。谢谢你的职位!这是我搜索2天!非常尊敬!这正是我想要的。谢谢美丽、免费,适用于所有主要平台!谢谢你的指点@达维:它是开源的,所以仍然是免费的。订阅只会为您提供高级支持和一些其他功能,这些功能在我看来不值得每月付费。嗨,这个插件是我创建的。我想说的是,这个插件支持Android 2.3+,而不仅仅是4.0+。你可以通过这个play store应用程序看到它的运行。另外,这个插件根本不支持iOS,至少现在还不支持。不幸的是,不是所有主流浏览器都支持iOS