JQuery 时间选择器 - 开卷题库

小开

它不是 jQuery... ... 但是我发现一个下拉列表，包含15分钟的时间间隔，8:00 AM，8:15 AM，8:30 AM，等等，对于用户来说非常容易交互。

不确定真的是否需要 jQuery 来实现这一点... 可能有点过了。只是基于我个人的经验与真的用户和开发商业应用程序的意见。

小开

看看 Maxime Haineault 的 JQuery 计时器，很酷，恕我直言..。

小开

我的建议是不要这么做。我发现仅仅为了输入一个日期而强迫使用日历控件已经够糟糕的了，特别是当没有给出输入日期的选项时，这比导航另一个古怪的控件要快得多。

时间选择者只是把这种对用户界面的迷恋推向了一个新的极端。为什么不允许您的用户键入时间，或者仅仅使用几个下拉框，时间长达数小时或数分钟。甚至下拉列表也允许用户只输入时间。Shog9的回答中的时间选择器看起来都很漂亮，但是使用起来非常精巧。如果我是一个终端用户，必须使用一个数据输入应用程序，它在页面上有一个这样的控件，那么它只会减慢我的速度，让我想要来切断开发人员的手。:)

在应用程序看起来有多漂亮之前，首先要考虑可用性。

这只是我个人的看法。

小开

最佳答案

我发现这个插件(Github 存储库)胜过了上面提到的另一个，它模仿了谷歌日历的计时器。

小开

我的情况略有不同，我需要一个日期时间选择器，但无法找到一个。所以我决定写一本。你可以找到完全来源于此; 我也张贴了快速演示。

小开

我用过的最好的是 Telerik 提供的。

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

它是不引人注目的，让用户只是输入时间或点击时钟图标从列表中选择。基本上只是一种更美观的使用可编辑下拉列表的吸引人的方法。

小开

任何 + TimeTM DatePicker/TimePicker AJAX 日历小部件允许时间选择，当使用鼠标时，大约和用手打字一样快，但是有防止错误的额外好处。时间可以以任何必要的方式进行格式化。它还支持键盘操作，虽然不可否认的是，键盘访问速度不如鼠标或键入速度... 但同样，它保证值将以所需的格式出现。它也很容易定制，也可以处理日期。

小开

如果您有兴趣使用一个好的时间解析器，并允许用户输入大量有效的时间字符串(8:00 AM、8 AM、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'))
});

小开

我基于 Jim 提到的插件写了一个 (类似于谷歌日历时间选择器) ，但是它使用 jquery ui 自动完成。它比前面提到的插件稳定得多。我不喜欢这个把自己放在页面上。该插件需要一个数组，时间范围和间隔或一个 Ajax 源... 所以你可以定制它到你的心脏内容。

小开

我觉得除了小凯，每个答案都是主观的。我在网上看到过十分之一的时间选择器 JQuery 插件，其中大多数都是无用的耗时噱头，但是如果您已经使用了标准的 JQuery 数据选择器，那么这个插件将是合适的。

小开

我试了很多次计时器，但都不满意，所以我又写了一个。我觉得效果不错。另外，它的灵感来自数据采集器，所以它看起来像标准的 jQueryUI 东西。

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

Http://fgelinas.com/code/timepicker

小开

下面是我在这个问题上的尝试: Http://yoka.github.com/jquery-timeselect/

小开

虽然没有一个标准的，我一直在使用来自 Keith Wood 的 jQuery 插件。与某些方法不同，这种方法会退化为一个文本框(您仍然可以在执行验证的同时输入文本框) ，如果您愿意，还可以用鼠标来使用它。