jQuery时间选择器

我希望用一个用户可以15分钟间隔选择的时间填充文本输入.我知道那里有一些插件.我想知道是否有任何"行业标准"插件,或者在常见场景中偏好特定的插件的强烈客观原因.

1> Jim Geurts..：

---

我发现这个插件(github存储库)胜过提到的另一个.它模仿Google Calendar的时间戳.

---

+1常识占优势.我很高兴地看到OP改变了主意并接受了这个答案.

---

来自`this plugin`的链接被破坏了.你可以修理/删除吗？

---

这个插件根本不能处理无效的条目.如果我输入"abc",它就变成"凌晨2点".

2> Francois Gel..：

---

我尝试了大量的时间选择并且不满意所以我写了另一个.我认为它运作良好.它也受到日期选择器的启发,因此它看起来像标准的jQuery UI.

默认分钟增量为5,可在选项中设置为15.

http://fgelinas.com/code/timepicker

---

要击败死马,需要您滚动小时/分钟列表(1:15,1:30,1:45等)的时间选择器插件与要求您滚动的日期选择器完全相同一天下降几天/月(1-jan,2-jan,3-jan).我从未见过有人建议那是个好主意.

---

感谢您花时间制作一个jQuery UI友好时间选择器.

3> Kev..：

---

我的建议是不要这样做.我觉得这已经够糟糕被迫使用一个日历控件只是输入一个日期,尤其是当没有给输入,我可以做的比导航又古怪的控制方式更快的日期选项.

时间选择器只是将这种UI迷信带到一个新的极端.为什么不让用户输入时间或只使用几个下拉框几小时和几分钟.即使是下拉列表也允许用户只输入时间.在时间picker Shog9的回答都非常好看,但令人难以置信的繁琐的使用.如果我是必须用数据输入应用程序的最终用户,它有一个这样的网页,然后它只是要我慢下来,让我想来的控制和切断开发商手中.:)

在应用程序看起来如何光滑之前首先考虑可用性.

只是我的拙见.

---

-1因为问题是时间戳,接受的答案是"不要".我很确定有很多插件允许手动输入和ui点击.

---

-1因为正确使用时,时间戳可以防止用户以错误的格式输入时间,这可能会产生垃圾结果.使用自由格式输入时,您必须在输入后验证输入,如果输入与所需格式不匹配,可能会抱怨.为了获得最佳可用性,你应该防止错误输入而不是抱怨它(没有人喜欢被告知他们做错了什么),使用最不突兀的方法.

---

@Kev,高速数据录入人员是不需要输入帮助的超级用户.伐木工人使用的链锯没有消费者模型所具有的所有安全功能.也就是说,我曾经审查过高速数据输入人员所关键的薪水,而且每一批都至少有一个完全难以辨认的薪水,因为操作员的手指放在错误的钥匙上,甚至懒得去验证他们在打字.

---

@dotjoe - 如何引用其中一个示例,以及一个没有大量可用性问题的示例.

---

如果你给出这两个选项,那么我没有问题,只要你没有强迫用户通过日期/时间选择器工作,当有一个非常好的文本框时,他们可以输入日期/时间.这尤其适用于相同类型的用户(例如数据录入人员或呼叫中心人员)反复使用的页面.

4> mattruma..：

---

这不是jQuery ......但我发现下拉列表包含15分钟的时间间隔,上午8:00,上午8:15,上午8:30等等,用户可以非常轻松地进行交互.

不确定你是否真的需要jQuery这样做的方式......可能有点矫枉过正.基于我对真实用户的个人经验和开发业务应用程序的观点.

5> Brian..：

---

如果您有兴趣使用一个好时间解析器并允许用户输入各种有效时间字符串(上午8:00,上午8点,上午8点,8点等),请查看http://www.datejs .com /.

这是我用来处理它的jquery代码.

$('.time').blur(function (e) {
    var val = $(this).val();
    if (!isNaN(val))
        // add minutes to numeric value otherwise it will be interpreted as a date
        val = val + ':00'; 
    var dt = Date.parse(val);
    $(this).val(dt.toString('h:mm tt'))
});

---

[Sugar](http://sugarjs.com/)看起来像是DateJS的一个有趣的替代品.它有一堆日期/时间方法,但也包括许多其他JS增强功能.

6> S Bogdan..：

---

我认为除了Kev之外,每个答案都是主观的.我已经在网上看过十分之一的时间选择器JQuery插件,而且大多数都是无用的耗时噱头,但如果你已经使用标准的Jquery datepicker,那么这个插件是合适的.

---

-1因为很多原因我无法计算.首先 - 凯夫的回答也是完全主观的.他只是陈述一个意见.第二 - 你的答案是完全主观的.第三,那个时间选择器插件是我从UI的角度看到的唯一一个比Shog9推荐的更糟糕的东西.最后,你的答案应该是答案,而不是对其他答案的评论.这就是评论的意思.我想我可以用答案来计算问题 - 有四个.