我一直在寻找一个体面的jQuery插件,可以处理日期和时间。核心UI DatePicker是伟大的,但不幸的是,我需要能够花时间在以及。

我发现了一些让DatePicker处理时间的小技巧,但它们看起来都很不优雅,谷歌也没有任何好的结果。

有一个很好的jQuery插件选择日期和时间在一个单一的UI控件与可用的界面?


当前回答

不是jQuery,但它工作得很好,日历与时间:JavaScript日期时间选择器。

我只是绑定点击事件弹出它:

$(".arrival-date").click(function() {
    NewCssCal($(this).attr('id'), 'mmddyyyy', 'dropdown', true, 12);
});

其他回答

看看下面的JavaScript插件。

带有日期和时间的Javascript日历

我已经尽可能简单了。但它仍处于早期阶段。 让我知道反馈,以便我改进它。

到目前为止,最好和最简单的DateTime选择器选项是http://trentrichardson.com/examples/timepicker/。

它是jQuery UI Datepicker的扩展,因此它将支持相同的主题,它的工作方式非常相似,语法相似,等等。这应该与jQuery UI打包imo。

我们很难找到一个我们想要的工作方式,所以我写了一个。我维护源代码,修复bug,并提供免费支持。

http://www.yart.com.au/Resources/Programming/ASP-NET-JQuery-Date-Time-Control.aspx

在我看来,日期和时间应该作为两个单独的输入框处理,以便用户输入时最可用和最有效。让用户一次只输入一件东西是一个很好的原则。

我使用核心UI DatePicker和下面的时间选择器。

这一个是受到谷歌日历使用的启发:

jQuery timePicker: 示例:http://labs.perifer.se/timedatepicker/ 项目在github: https://github.com/perifer/timePicker

我发现它是所有选择中最好的。用户可以快速输入,它看起来干净,简单,并允许用户输入具体的时间,精确到分钟。

PS: 在我看来:滑块(一些替代时间选择器使用的滑块)需要太多的点击,并且需要用户的鼠标精度(这会使输入速度变慢)。

不是jQuery,但它工作得很好,日历与时间:JavaScript日期时间选择器。

我只是绑定点击事件弹出它:

$(".arrival-date").click(function() {
    NewCssCal($(this).attr('id'), 'mmddyyyy', 'dropdown', true, 12);
});