现在有太多的日期选择器插件了,你可能没有太多的时间来选择,所以本文为大家分享 10 个非常酷的 jQuery 时间选择器插件。尽情享受吧!

1. jquery.timepicker

jquerytimepicker-1

想要一些简单的?jquery.timepicker 是一个非常强大的库,它的灵感来自 Google 日历,目标是使输入尽可能的自然。

Homepage/Demo | GitHub

2. Wickedpicker

Wickedpicker 自带一个非常漂亮的主题。非常轻量级,易于部署。

jquerytimepicker-2

Homepage/Demo | GitHub

3. jQuery Timepicker

允许用户自有的输入时间格式,或添加一个简单的下拉时间菜单。不要与列表中的第一个混淆,它们只是使用相同名字,但完全不同的两款插件

jquerytimepicker-3

Homepage/Demo | GitHub

4. Bootstrap Material Datetimepicker

不要被这个名字迷惑了,它不(再)使用 BootStrap。最初创建的时候是用于 Boostrap,现在是仅需要 jQuery 的简洁的时间选择器。

jquerytimepicker-4

Homepage/Demo | GitHub

5. jQuery UI Timepicker

这是一个与官方 jQuery UI 其他插件相匹配的 jQuery UI 时间选择器。基于原有的日期选择器,它能很好的与你的表单及选择的 jQuery UI 主题相融合。该插件很容易集成到你的表单时间输入框中。

jquerytimepicker-5

Homepage/Demo | GitHub

6. TimePicki

如果你的页面需要更多的风格,TimePicki 可能比较适合你。这个精心设计的现代化插件会给你的用户留下深刻印象。

jquerytimepicker-6

Homepage/Demo | GitHub

7. jQueryTimeAutocomplete

jQueryTimeAutocomplete 不仅仅是一个时间选择器,开发者通过简单的步骤就可以实现时间范围选择器。

jquerytimepicker-7

Homepage/Demo | GitHub

8. jQuery Time Entry

让用户可以通过多种不同的方式修改时间,甚至是他们的滚轮。

jquerytimepicker-8

Homepage/Demo | GitHub

9. ptTimeSelect

这个 jQuery 插件提供了用户自定义界面的功能。它(显然)需要 jQuery 和 dimmention.js 插件

jquerytimepicker-9

Homepage/Demo | GitHub

10. Timeago

Timeago 本身不是一个时间选择器,但它可以通过自动更新模糊的时间(如:4小时前,大约1天前)帮你创建一个。

jquerytimepicker-10

Homepage/Demo | GitHub

最后为大家推荐一款国内的日期控件:My97 ,功能非常强大,其主要特性:

  • 更人性化,更全面的功能
  • 强大的日期范围限制功能
  • 自定义事件和丰富的API库
  • 多语言支持和自定义皮肤支持
  • 跨无限级框架显示和自动选择显示位置

jquerytimepicker-11