【发布时间】：2009-01-22 06:54:51
【问题描述】：
jquery 或独立 js 的好时间选择器是什么？我希望谷歌在他们的日历中使用类似的东西，它会以 15 分钟的间隔下拉常用时间，或者让您手动输入时间并对其进行验证。
【问题讨论】：
标签： javascript jquery time input
【发布时间】：2009-01-22 06:54:51
【问题描述】：
【讨论】：
这是迄今为止我找到的最好的http://trentrichardson.com/examples/timepicker/
【讨论】：
-
根据应用程序，这也是我的最爱之一。我确实需要将分钟步长从 1 更改为 15，但这很容易。
-
列表中我最喜欢的。这很容易，简单，而且它需要什么。我以前使用过 Any+Time™ Datepicker/Timepicker AJAX 日历小部件，但我会尝试一下。
-
网站（和 javascript 示例）不再可用。其他地方有样本吗？
-
滑块并不是选择精确时间的最简单或最快的方法。
-
@Mark 我同意你的观点，最简单的方法可以是选择列表或显示计算器板以便用户输入。
我对任何建议的时间选择器都不满意，因此我从 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&8、FF、Chrome 和 Opera 中手动测试（后者在 Linux 上最新稳定）。
【讨论】：
-
你们有演示吗？
-
对不起，没有。我已经 4 年没有碰过那个项目了。随意发送拉取请求:)
你可以在这里阅读 jQuery 创建者 John Resig 的帖子：http://ejohn.org/blog/picking-time/。
【讨论】：
-
对普通用户来说鼠标精度过高。如何使用那个东西也不是很明显（尽管他声称它是“直观的”）——我无法看到它，也不知道当我将鼠标悬停在这些数字上时它会如何表现。
如果有人对另一个 JavaScript TimPicker 感兴趣，我开发并维护了一个 jQuery 插件来完成这项工作。它的工作原理类似于 EZ Time JS（尽管我直到 5 分钟前才知道它：D），允许用户以几乎任何他们觉得舒服的方式输入时间，并将输入转换为通用格式。
查看jQuery TimePicker Options page 以查看它的实际效果。
【讨论】：
-
演示坏了（或者我不明白怎么用！）。