填充时间（或时间范围）的最有效方法是什么？

Question

虽然存在大量用于输入日期的解决方案（例如日历，下拉菜单等），但似乎没有太多“标准”的解决方案。要求时间（或时间范围）的方法。

我个人尝试了小时，分钟和秒字段的下拉菜单（有时也是“AM / PM”字段）。我还尝试了几种类似时钟的输入设备，其中大多数设备太难用于典型的最终用户。我甚至试过“弹出”时间选择菜单（例如，允许您将鼠标悬停在小时“10”上以接收包含“：00”，“：15”，“：30”和“：”的子菜单。 45“） - 但这些方法都不自然。

到目前为止，我发现的最好（也是最普遍）的方法就是使用简单的文本字段并强制用户手动填充小时，分钟和秒。或者，我有很好的经历创建类似于Outlook的“日视图”的东西。它允许您拖放事件以设置开始和结束时间。

是否有“最佳方式”要求提供此信息？是否有人使用某种类型的时间输入小部件，它非常直观且易于使用？或者至少有一种方法比使用纯文本框更有效？ ＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃ 173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173; ＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;＆＃173;

Answer 1

我发现Google日历的方法是最好的。使用文本框，但使用JavaScript使其成为一个下拉列表，用于选择时间。可以在jQuery 在此实施中找到一个很好的演示

我还没有在我的网站上实现这个，所以我不是百分百肯定，但我认为你还需要来自这个jQuery插件的代码：
http://www.texotela.co.uk/code/jquery/timepicker/

修改结果 我发布的第一个链接不需要第二个链接的代码。它只是基于它。要从示例中获取实际的JavaScript文件，您可以查看页面的来源以查找文件的位置，或者您可以直接访问URL
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

对于JQuery，有一个非常有用的时间输入工具。除标准文本字段外，它还提供“微调”类型方法。它还支持使用鼠标滚轮进行调整（以及传统的'只需键入它'方法），并且可以配置为限制为 n - 分钟步骤，如果您愿意。它非常可定制，支持本地化和各种其他设置，我在几个项目/演示站点中成功使用它。

Answer 3

我是普通语言输入的忠实粉丝（前几天有一个主题）。我喜欢37signals背包日历的方式让你输入东西（08/12下午3点与汤姆会面）。我也喜欢他们使用提醒系统处理时间的方式（他们会为您提供今天晚些时候，明天早上的选项）。