什么是好的Javascript时间选择器？[关闭]

什么是jquery或独立js的好时间选择器？我希望Google在他们的日历中使用类似的东西，它在15分钟的间隔内会减少一次常见时间，或者让您手动输入时间并对其进行验证。

一些资源：

• TimeDatePicker（jQuery插件）
• jQuery.timepickr
• jQuery.ptTimeSelect
• 时间选择器
• 花式时间选择器
• NoGray时间选择器

这是迄今为止我发现的最好的http://trentrichardson.com/examples/timepicker/

这是与Twitter Bootstrap一起使用的工具。

http://jdewit.github.com/bootstrap-timepicker/

我对建议的任何时间选择器都不满意，因此我从Perifer和HTML5规范的启发创建了自己的时间选择器：

http://github.com/gregersrygg/jquery.timeInput

您可以将新的html5属性用于时间输入（step，min，max），也可以使用options对象：

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

验证输入如下：

• 如果缺少，请插入“：”
• 时间无效？替换为空白
• 不是按步骤的有效时间？向上/向下舍入到最接近的步骤

HTML5规范不允许使用am / pm或本地化时间语法，因此仅允许使用hh：mm格式。根据规格允许秒，但我尚未实现。

它非常“ alpha”，因此可能存在一些错误。随时向我发送补丁/请求。已在IE 6＆8，FF，Chrome和Opera中进行了手动测试（后者在Linux上最新稳定）。

您可以在此处阅读jQuery创建者John Resig的相关文章：http : //ejohn.org/blog/picking-time/。

我一直在使用ClockPick。

CSS Gallery有各种各样的时间选择器。看一看。

Perifer Design的时间选择器类似于Google One

如果有人对另一个JavaScript TimPicker感兴趣，我将开发并维护一个可完成此任务的jQuery插件。它的工作方式类似于EZ Time JS（尽管直到5分钟前我才知道它：D），它允许用户以自己喜欢的几乎任何方式输入时间，并将输入转换为通用格式。

检出jQuery TimePicker Options页面以查看其运行情况。

对不起，..也许是有点晚了..我一直在使用NoGray ..这很酷..

我一直在使用jQuery ui timepicker

NoGray是不错的护眼糖，但有一些可用性方面的考虑。首先，模拟时钟变得越来越模糊，年轻人有时很难阅读它们。其次，用鼠标拖动到特定时间有点繁琐，就像使用滑块的时间选择器一样。第三，此选择器的键盘交互有些零星。

有关更有用的时间选择器，请查看Any + Time™Datepicker / Timepicker AJAX日历小部件。它可能是可用的最快和最容易使用的时间选择器，因为它使用简单的按钮来快速便捷地选择特定时间。

可用性的一个有趣测试是：选择一个奇数时间（例如10:32 pm），然后查看使用各种时间选择器准确选择时间的时间。使用Any + Time™，您可能比手动写下时间更快地完成它-只是尝试找到另一个您可以这么说的选择器！更不用说，Any + Time™支持无数种日期/时间格式，12/24小时制，完全CSS（或jQuery UI）自定义甚至时区！