2

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

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

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

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

4

3 回答 3

0

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

于 2008-08-25T00:00:46.723 回答
0

我非常喜欢简单的语言输入（前几天有一个话题）。我喜欢 37signals 背包日历让您输入内容的方式（08/12 下午 3 点与汤姆会面）。我也喜欢他们使用提醒系统处理时间的方式（他们为您提供今天晚些时候、明天早上等选项）。

于 2008-08-25T00:03:57.713 回答
0

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

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

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

于 2008-08-25T02:12:56.343 回答