jQuery 日期/时间选择器

IT技术 javascript jquery datepicker datetimepicker
2021-02-23 03:27:36

我一直在寻找一个可以处理日期和时间的不错的 jQuery 插件。核心用户界面DatePicker很棒,但不幸的是我也需要花时间。

我发现了一些让 DatePicker 与时俱进的技巧,但它们看起来都很不雅观,而且 Google 并没有发现任何好的东西。

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

6个回答

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

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

这个插件我最大的问题是用户界面:为什么我要使用滑块,水平滑块!,输入时间!?这对我来说看起来和感觉都很尴尬。我有过很多次使用滑块的经验,但我无法将它调到我想要的数字(反复地多一点然后少一点),我最终输入了它。键盘通常是输入精确数值的最简单方法。如果你想要一种视觉输入法,时钟是正常的时间,而不是滑块。更难实现,但实际上可能有用(只要键盘输入也是可能的)。
2021-04-20 03:27:36
我一直在使用这个,我喜欢它。
2021-04-27 03:27:36
@Sonny:您是否在生产中使用它与它是否有问题无关。你可能只是没有看到它的错误,因为你没有用它做暴露它们的事情,也许 Alastair 是。另一方面,他没有为他的说法提供任何证据,所以我不想太当真……
2021-04-28 03:27:36
“非常有问题”?几乎不。我在生产代码中使用它,现在有一段时间了。它也被积极开发。
2021-05-08 03:27:36
我喜欢这个,但它仍然非常有问题。
2021-05-11 03:27:36

@David,感谢您的推荐!@fluid_chelsea,我刚刚发布了 Any+Time(TM) 3.x 版,它使用 jQuery 而不是 Prototype 并且有一个大大改进的界面,所以我希望它现在可以满足您的需求:

http://www.ama3.com/anytime/

有任何问题,请通过我网站上的评论链接告诉我!

Any+Time 看起来很漂亮。我喜欢。
2021-04-16 03:27:36
我刚刚选择了 AnyTime 选择器作为我的 JSF 应用程序的选择器!感谢您的好产品,继续努力!
2021-04-24 03:27:36
Any+Time 为每个 Any+Time 输入的 UI 附加一个新的隐藏 div(与重用隐藏 div UI 的 jQUEry UI 日期选择器不同),这使得在设计糟糕的 MSIE6 中性能下降很多。所以如果您需要支持 MSIE6,请不要使用 Any+Time!
2021-05-01 03:27:36
Any+Time(TM) 4.x 版现已推出!新版本支持时区(在任何其他选择器中找到它!)以及 jQuery 选择器/链接、轻松删除(避免内存泄漏!)和许多其他改进。请试一试,如果您有任何问题或建议,请通过我网站上的评论页面告诉我。
2021-05-04 03:27:36
刚刚在 Rails 应用程序上在几分钟内实现了 AnyTime。完美运行。
2021-05-08 03:27:36

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

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

这个灵感来自谷歌日历使用的一个:

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

我发现它是所有替代品中最好的。用户可以快速输入,看起来干净,简单,并且允许用户输入精确到分钟的特定时间。

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

这扼杀了 C# MVC 对该领域的模型绑定优势
2021-04-26 03:27:36
核心 UI DatePicker:jqueryui.com/demos/datepicker
2021-05-12 03:27:36

我对日期选择器的最佳体验是使用基于原型的AnyTime我知道那不是 jQuery,但它可能仍然值得为您妥协。我绝对不知道原型,而且它仍然很容易使用。

我发现一个警告:它在某些浏览器上不向前兼容。也就是说,它不适用于 Chrome 上较新版本的原型。

我已经好几个月没有想过这个了。但我的个人项目想要一些更新,我正准备投入一些 jquery。我想我会在我使用它时更换日期选择器,因为我不需要 Any+Time 的所有功能,并认为我最好全部使用 jQuery。还有砰!我遇到了这个。很棒的时机。
2021-04-22 03:27:36
只是一个更新 - AnyTime 3 现在可以与 jQuery 一起使用。
2021-04-23 03:27:36
很好,虽然年份选择器(单击 < 或 > )对我来说很笨拙。
2021-04-30 03:27:36
如果我可以使用原型,这将不是问题,不幸的是,我们在这个应用程序中坚持使用 jQuery。
2021-05-15 03:27:36

只是为了添加到此处的信息,流体项目有一个很好的 wiki 文章,概述了此处的大量日期和/或时间选择器