填充时间(或时间范围)的最有效方法是什么?

时间:2008-08-24 23:39:46

标签: time

虽然存在大量用于输入日期的解决方案(例如日历,下拉菜单等),但似乎没有太多“标准”方式来询问时间(或时间范围)。

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

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

有没有“最好的方式”来询问这些信息?是否有人使用某种类型的时间输入小部件,它非常直观且易于使用?或者至少有一种方法比使用纯文本框更有效?

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

我发现Google日历的方法是最好的。使用文本框,但使用JavaScript使其成为一个下拉列表,用于选择时间。可以为jQuery implementation here

找到一个很好的演示

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

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