Question

什么是jquery或独立js的好时间选择器？我希望google在他们的日历中使用的东西，它在15分钟的间隔内有一个常见时间的下拉，或者让你手动输入时间并验证它。

Answer 1

一些资源：

Answer 2

这是我在http://trentrichardson.com/examples/timepicker/

之前找到的最好的

Answer 3

这是一个适用于Twitter Bootstrap。

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

Answer 4

我对任何建议的时间选择器都不满意，所以我创建了自己的灵感来自Perifer和HTML5规范：

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

您可以使用new html5 attributes进行时间输入（步，最小，最大），或使用选项对象：

<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＆amp; 8，FF，Chrome和Opera中进行了手动测试（Linux上的最新版本适用于后者）。

Answer 5

你可以在这里阅读jQuery创建者John Resig关于它的帖子：http://ejohn.org/blog/picking-time/。

Answer 6

我一直在使用ClockPick。

Answer 7

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

Perifer Design的time picker与google one相似

Answer 8

如果有人对另一个JavaScript TimPicker感兴趣，我开发并维护了一个完成这项工作的jQuery插件。它的工作方式类似于EZ Time JS（虽然直到5分钟前我才知道它：D），允许用户以他们感觉舒适的方式输入时间，并将输入转换为通用格式。

结帐jQuery TimePicker Options page以查看其实际效果。

Answer 9

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

Answer 10

我一直在使用jquery ui timepicker

Answer 11

NoGray很不错，但有一些可用性考虑因素。首先，模拟时钟越来越模糊，年轻人有时难以阅读它们。其次，用鼠标拖动到特定时间有点单调乏味，就像使用滑块的时间选择器一样。第三，这个选择器的键盘交互有点零星。

要获得更实用的时间选择器，请查看 Any+Time™ Datepicker/Timepicker AJAX Calendar Widget 。它可能是速度最快，最容易使用的时间选择器，因为它使用简单的按钮来快速轻松地选择特定时间。

一个有趣的可用性测试是：选择一个奇怪的时间（比如说，晚上10:32），然后看看使用各种时间选择器准确选择时间需要多长时间。你可以用Any + Time™更快地完成它而不是用手写出时间 - 只是试着找到你能说出来的另一个选择器！更不用说，Any + Time™支持多种日期/时间格式，12/24小时时钟，完整的CSS（或jQuery UI）自定义甚至时区！

什么是一个好的Javascript时间选择器？

11 个答案: