代码之家 › 专栏 › 技术社区 › Bernardo

jQuery时间选择器[关闭]

time jquery javascript

Bernardo · 技术社区 · 17 年前

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

16 回复 | 直到 14 年前

Jari Keinänen Roberto Canogar 14 年前

我发现 this plugin ( github repository

Francois Gelinas 15 年前

我尝试了大量的计时器,但并不满意,所以我又写了一个。我认为它工作得很好。它的灵感来源于datepicker,因此看起来像是标准的jQueryUI。

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

http://fgelinas.com/code/timepicker

Community Mohan Dere 9 年前

我的建议是不要这样做。我发现强迫使用日历控件来输入日期已经够糟糕的了,尤其是当我没有选择键入日期时,我可以比导航另一个古怪的控件更快。

时间选择者只是把这种用户界面崇拜带到了一个新的极端。为什么不允许您的用户输入时间,或者只使用几个下拉框输入小时和分钟。甚至下拉列表也允许用户键入时间。时间选择器 Shog9's answer 外观非常好看,但使用起来却异常灵活。如果我是一个最终用户,必须使用数据输入应用程序,并且它在页面上有这样一个控件,那么它只会让我放慢速度,让我想过来,切断开发人员的手。:)

mattruma 17 年前

这不是jQuery。。。但是我发现一个下拉列表,有15分钟的时间间隔,8:00AM,8:15AM,8:30AM等等,对于用户来说非常容易与之交互。

真正地 用户和开发业务应用程序。

Wheelie 15 年前

如果您对使用好的时间解析器并允许用户输入范围广泛的有效时间字符串(8:00am、8AM、8a、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'))
});