blocks|key|4208332|text|有趣的问题--我尝试了第一个Jquery+datepicker+(包括时间选择器)示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4208333|http://plugins.jquery.com/project/cantipi|offset|length|4208334|它在我的iPhone上工作了一次，但随后无法响应进一步的触摸事件。|4208335|然后我尝试了第二个:日历|4208336|http://tobiascohen.com/demos/calendrical/|4208337|我可以在iPhone上设置时间和重置时间。你试过了吗？|4208338|您还可以查看Sencha的触摸事件，并考虑其计时器。|4208339|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|15|0|0|0|0|0|15|1|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|F|3|G|5|6|7|12|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|L|3|M|5|6|7|18|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|19|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|C]]|W|$5|S|T|U|A|$V|K]]]]

Interesting problem -- I tried out the first Jquery datepicker (includes timepickers) example:

<a href="http://plugins.jquery.com/project/cantipi" rel="nofollow">http://plugins.jquery.com/project/cantipi</a>

It works once on my iPhone but then fails to respond to further touch events. 

Then I tried the second one: Calendrical 

<a href="http://tobiascohen.com/demos/calendrical/" rel="nofollow">http://tobiascohen.com/demos/calendrical/</a>

I could set the time and reset it on the iPhone. Did you try it?

You might also look at Sencha for the touch events and consider its timer.

blocks|key|1666259|text|我基于现有的日期选择器编写了这个jQuery时间选择器，但仅用于时间。我从来没有在移动设备上尝试过，但我认为它会工作得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1666260|你可以尝试一下：http://fgelinas.com/code/timepicker|offset|length|1666261|entityMap|0|LINK|mutability|MUTABLE|url|http://fgelinas.com/code/timepicker^0|0|8|Z|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

I wrote this jQuery Time Picker based on the existing Datepicker but for time only. Never tried it on a mobile device but I think it will work well. 

You can try it at : <a href="http://fgelinas.com/code/timepicker" rel="nofollow">http://fgelinas.com/code/timepicker</a>

blocks|key|2097519|text|查看DateBox。我认为它做的正是你所需要的：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2097520|​|2097521|📷|atomic|2097522|2097523|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.jtsage.com/DateBox|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/21a84953aa59374d08710e95bc1b8929.png|imageAlt^0|2|7|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|I|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|S|N|T|C|$U|V|W|-4]]]]

Check out <a href="http://dev.jtsage.com/DateBox" rel="nofollow noreferrer">DateBox</a>. I think it does exactly what you need:

<img src="https://i.stack.imgur.com/PvEno.png" alt="timepicker">

blocks|key|4208416|text|看起来jQuery手机最近更新了他们的日期和时间选择器代码。看看这里的演示(可能只有在移动设备上才能正常工作)：http://jquerymobile.com/test/docs/forms/textinputs/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4208417|entityMap|0|LINK|mutability|MUTABLE|url|http://jquerymobile.com/test/docs/forms/textinputs/^0|1K|1F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

It looks like jQuery mobile updated their date and time picker code recently. Have a look at the demos here (that may only work properly on a mobile device):
<a href="http://jquerymobile.com/test/docs/forms/textinputs/" rel="nofollow">http://jquerymobile.com/test/docs/forms/textinputs/</a>

blocks|key|5626365|text|我找到了另一款看起来很不错的。对于不同的平台，它也有不同的风格：mobiscroll|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5626366|​|5626367|📷|atomic|5626368|5626369|5626370|entityMap|0|LINK|mutability|MUTABLE|url|http://mobiscroll.com/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/858ccd684b05e549e32c115be851dfc2.png|imageAlt|2|https://ask.qcloudimg.com/http-save/yehe-900000/39fe29ee52521933ea34f2b75422e5e9.png^0|W|A|0|0|0|0|1|1|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|I|3|G|5|H|7|19|8|@]|9|@$A|1A|B|1B|1|1C]]|C|$]]|$1|J|3|E|5|6|7|1D|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|1E|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|T|O|U|C|$V|W|X|-4]]|Y|$5|T|O|U|C|$V|Z|X|-4]]]]

I've found another one which looks quite good. It also has different styles for different platforms: <a href="http://mobiscroll.com" rel="nofollow noreferrer">mobiscroll</a>

<img src="https://i.stack.imgur.com/UR9Va.png" alt="mobiscroll time picker">
<img src="https://i.stack.imgur.com/NyxI2.png" alt="mobiscroll time picker ios">

blocks|key|1669282|text|我在找一个本地的时间选择器，而不是一个定制的。我发现这个在Android+4.0%2B上运行得很好。我还没有在iOS上测试过。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1669283|http://bikasv.com/blog/2013/04/14/cordova-datepicker/|offset|length|1669284|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1H|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I was looking for a native timepicker rather than a bespoke one. Found this which works really well on Android 4.0+. I haven't tested yet on iOS.

<a href="http://bikasv.com/blog/2013/04/14/cordova-datepicker/" rel="nofollow">http://bikasv.com/blog/2013/04/14/cordova-datepicker/</a>

blocks|key|2097648|text|我很高兴地告诉你，为了获得时间选择器功能，不需要第三方插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2097649|HTML5已经有了一个非常容易实现的原生时间选择器：|2097650|<label+for="timePicker1">Set+Time:</label>
<input+type="time"+name="timePicker1"+id="timePicker1"+value="10:00">|code-block|syntax|javascript|2097651|使用jQuery，读写该值同样简单：|2097652|var+time+=+$('#timePicker1').val();+//<-+Get+value
$('#timePicker1').val("09:30");+++++//<-+Set+value|2097653|set/get的值都是格式为'hh:mm‘的字符串。|2097654|它在JQuery+Mobile1.4.2上的运行效果与预期一致。|2097655|这里还有另一个有用的HTML5控件：http://www.w3schools.com/html/html5_form_input_types.asp|offset|length|2097656|致以问候。|2097657|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/html/html5_form_input_types.asp^0|0|0|0|0|0|0|0|I|1K|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@$S|1C|T|1D|1|1E]]|A|$]]|$1|U|3|V|5|6|7|1F|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

Im glad to tell you that there is no need for a third party plugin in order to get the time-picker functionality.

HTML5 has already a native time picker wich is very easy to implement:

<pre><code>&lt;label for="timePicker1"&gt;Set Time:&lt;/label&gt;
&lt;input type="time" name="timePicker1" id="timePicker1" value="10:00"&gt;
</code></pre>

Read and write the value is equally easy with jQuery:

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

The value for either set/get is an string with format 'hh:mm'.

It works as intended on JQuery Mobile 1.4.2.

There is also another usefull HTML5 controls here:
<a href="http://www.w3schools.com/html/html5_form_input_types.asp" rel="noreferrer">http://www.w3schools.com/html/html5_form_input_types.asp</a>

Regards.

I am working in HTML5, CSS3 and using jQuery for my project. I need to have a time picker only - no date picker - for mobile devices like iPad, Galaxy etc. It should work with both touchscreen and non-touchscreen devices. I found one with a slider but it failed on mobile devices.

Time Picker for mobile devices

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

问移动设备的时间选择器
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问移动设备的时间选择器EN