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

Question

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

Answer 1

一些资源:

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

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

您可以使用新的html5属性进行时间输入(步,最小,最大),也可以使用选项对象:

<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上的最新版本适用于后者).

Answer 5

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