jQuery的时间select器

我正在寻找填充文本input的时间,用户可以select在15分钟的时间间隔。 我知道那里有几个插件。 我想知道是否有任何“行业标准”插件,或强烈的客观原因,喜欢在常见的情况下特定的一个。

我发现这个插件 ( github仓库 )胜过另一个提到的。 它模仿Google日历的时间select器。

我试了一大堆时间select器,并不满意,所以我又写了另一个。 我认为它运作良好。 它也是从datepicker的启发,所以它看起来像标准的jQuery UI的东西。

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

http://fgelinas.com/code/timepicker

我的build议是不要这样做。 我发现它被迫使用一个日历控件只是为了input一个date已经够糟了,特别是当没有给出的选项来input一个date,我可以做的更快比导航又一个古怪的控制。

时间挑选者只是把这种UI迷恋带到了一个新的极端。 为什么不让你的用户input时间,或只是使用几个下拉框小时和分钟。 即使下拉列表允许用户input时间。 Shog9的答案中的时间select器都非常好看,但使用起来非常烦琐。 如果我是一个最终用户不得不使用数据录入应用程序,并且在页面上有这样一个控件,那么它只会减慢我的速度,让我想来切断开发者的手。 🙂

首先考虑可用性之前,应用程序看起来光滑。

只是我的愚见。

这不是jQuery …但是我发现一个下拉列表,十五分钟的时间间隔,上午8:00,上午8:15,上午8:30,等等,是非常容易与用户交互。

不知道如果你真的需要一个这样做的jQuery方式…可能是矫枉过正。 只是根据我个人对真实用户的经验和开发业务应用程序的意见。

如果你有兴趣使用一个好的时间parsing器,并允许用户input大量有效的时间string(上午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')) }); 

我认为除了凯夫之外,每一个答案都是主观的。 我已经在网上看到了十分之几的时间select器JQuery插件,而且大多数都是无用的时间消耗噱头,但是如果您已经使用标准的Jquerydateselect器,那么这个插件将是适当的。

查看Maxime Haineault的jQuery.timepicker 。 很酷,恕我直言…

我曾经使用过的最好的是Telerik提供的。

http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/overview/defaultcs.aspx

这是不显眼的,让用户只需input时间或点击时钟图标从列表中select。 基本上只是使用可编辑的下拉菜单更美观的方法。

尝试这个伟大的lib – http://code.google.com/p/mobiscroll/

演示 – http://demo.mobiscroll.com/

这里是我对这个主题的尝试:http: //yoka.github.com/jquery-timeselect/

我一直在使用Trent Richardson的时间select器库 ,发现它很棒。 下载次数也是非常受欢迎的。

我写了一个基于吉姆提到的插件(像谷歌日历时间select器),但它使用jQuery UI自动完成。 比上面提到的插件要稳定得多。 我在网页上遇到了一个问题。 插件需要一个数组,时间范围和时间间隔或ajax源…所以你可以自定义它到你的心中的内容。

虽然没有一个标准的,我一直在使用Keith Wood的jQuery插件 。 不像一些,这降低到一个文本框(你仍然可以input,而仍然执行validation),也可以用鼠标,如果你是如此的倾向。

我的情况稍有不同,我需要一个date时间select器,但无法find一个。 所以我决定写一个。 你可以在这里find完整的源代码 。 我也发布了一个快速演示 。

我无法find一个我想要的插件(即,多列自动完成与时间input掩码结合),所以我写了MenuOptions

它看起来像什么 在这里输入图像说明

Any + Time™DatePicker / TimePicker AJAX Calendar Widget允许时间select,使用鼠标的速度与手动input速度一样快,但具有预防错误的额外好处。 时间可以以任何必要的格式进行格式化。 它也支持键盘操作,虽然承认键盘访问不像鼠标或打字一样快…但是,它又保证了值将以所需的格式。 它也很容易定制,也可以处理date。