像Windows一样的Javascript Time Picker

时间:2009-05-26 16:22:20

标签: javascript datetimepicker

我正在寻找一种类似于Windows中用来选择时间的Javascript Time Picker的例子......好吧,除了他们的秒数。我现在有一个模型,但试图弄清楚一些用户功能应该是什么,因为它是两个输入和一个下拉列表。我想我现在对此并不满意。 提前感谢您提供任何帮助

7 个答案:

答案 0 :(得分:4)

有许多jQuery插件可用于完美的时间选择器控件。

这是一个很好的:http://plugins.jquery.com/project/timepicker

答案 1 :(得分:1)

Windows时间选择器(如果您指的是更改系统时钟的那个)基本上只是一个屏蔽的编辑文本框。如果你正在寻找类似的东西,你只需要一些JavaScript来做掩码编辑,比如这个:

http://digitalbush.com/projects/masked-input-plugin/

为了特定时间,你应该能够轻松添加逻辑,以确保时间不超过12(或24),并且分钟不超过59.

就个人而言,我更喜欢Google Calendar执行时间选择的方式。有一个jQuery插件可以在这里找到:

http://labs.perifer.se/timedatepicker/

答案 2 :(得分:0)

这是一个很酷的。

http://www.java2s.com/Code/JavaScript/GUI-Components/FancyTimePicker.htm

该控件的在线示例已发布here

答案 3 :(得分:0)

我非常喜欢jQuery的东西,有一个相当不错的here

答案 4 :(得分:0)

像Dan所说,如果你正在寻找一个蒙面文本输入,如果你想使用PrototypsJS框架,那就有http://code.google.com/p/phenx-web/。 如果你想要一个好的日期/时间选择器,你可以使用它:http://home.jongsma.org/software/js/datepicker(也是PrototypeJS)。我目前正与Jerermy Jongsma合作增加更多功能。

答案 5 :(得分:0)

我最终创建了一个原型时间选择器,暂时不如其他许多人那么花哨。它会显示常规输入,直到您单击它,然后它会显示一个包含时间的下拉列表。 如果有人有兴趣,我可以分享代码

答案 6 :(得分:0)

时间选择器不应该减慢用户的交互速度,应该非常直接而不必暂时玩它,并且对于无法操作鼠标的用户应该是键盘可访问的。 Any+Time™ Datepicker/Timepicker AJAX Calendar Widget with TimeZone Support提供的时间选择功能符合所有这些设计目标,支持无数的日期/时间格式,并且易于使用CSS或jQuery UI进行自定义。

对时间戳可用性的一个很好的考验是考虑一个奇怪的时间(比如说,晚上10:32),然后看看使用各种时间选择器准确选择时间需要多长时间。你甚至可以用Any + Time™来做到这一点,甚至可以用手写出时间......速度和易用性如何? :-P