2008-08-24 106 views
2

虽然有很多解决方案可用于输入日期(例如日历,下拉菜单等),但似乎没有太多的“标准”方式要求一段时间(或时间范围)。什么是填充时间(或时间范围)的最有效方式?

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

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

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

回答

0

我发现Google日历的方法是最好的。使用一个文本框,但使用JavaScript来使它成为一个下拉式选择你的时间。一个很好的演示可以为一个jQuery implementation here

我还没有在我的网站实现了这个还没有,所以我不是100%肯定可以找到,但我认为你还需要从代码这个jQuery插件在这里:
http://www.texotela.co.uk/code/jquery/timepicker/

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

0

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

0

我是纯语言输入的巨大粉丝(前几天有一个话题)。我喜欢37signals背包日历的方式让我们在(08/12 3pm与汤姆见面)中输入东西。我也喜欢他们用提醒系统处理时间的方式(他们给你选项,比如今天晚些时候,明天早上)。