jQuery-Timepicker-Addon

jQuery Timepicker 插件

关于

该项目不再积极维护。 遗憾的是，我不再在新项目中使用 jQuery 和 jQueryUI。jQuery Timepicker 插件在可选项不多的情况下，多年来一直是许多人的首选时间选择器。我很感激有机会为社区做出贡献，也感谢每一位一路以来贡献过力量的人。如今，根据你所处的开发环境，有许多优秀的替代方案可供选择。如果你需要一个无依赖的时间选择器，可以看看 flatpickr。

祝好， Trent Richardson

• 作者：Trent Richardson
• 文档：http://trentrichardson.com/examples/timepicker/
• Twitter：@practicalweb 使用

我推荐购买电子书《处理时间》(https://sellfy.com/p/8gxZ)，因为它包含大量示例代码，方便快速上手。简单粗暴地说： 要使用此插件，您必须包含jQuery（1.6+）以及带有日期选择器（可选滑块）的jQuery UI。

• 在 dist 目录中或通过 CDN 引入 timepicker-addon 脚本和 CSS 文件：

• http://cdnjs.com/libraries/jquery-ui-timepicker-addon
• http://www.jsdelivr.com/#!jquery.ui.timepicker.addon

• 现在使用时间选择器，通过 $('#selector').datetimepicker() 或 $('#selector').timepicker()。

还有一个名为 jqueryui-timepicker-addon 的 Bower 包。请注意，还有其他类似的包名指向可能不是最新版本的 fork。

Rails 与 Bower

如果你碰巧在 Rails 中使用 [bower](gem "bower-rails", "~> 0.8.3") gem，这里可以轻松使用它：

Bowerfile

asset "jqueryui-timepicker-addon", "1.5.6"

application.js

//= require jqueryui-timepicker-addon/dist/jquery-ui-timepicker-addon
//= require jqueryui-timepicker-addon/dist/i18n/jquery-ui-timepicker-fr

application.css.scss

@import "jqueryui-timepicker-addon/dist/jquery-ui-t