引导时间选择器答案

【问题标题】：Bootstrap Timepicker引导时间选择器
【发布时间】：2012-09-21 13:02:42
【问题描述】：

我正在尝试寻找与引导样式兼容的时间选择器小部件。我真的很喜欢jdewit 小部件的风格，但它有大量的错误。我正在努力尽快完成这个项目，所以我不想陷入修复库错误的困境。

其他人可以推荐一个可用于生产的灵活时间选择器吗？

【问题讨论】：

bootstrap 对于一致的样式和 RAD 很重要
jdewit 版本至少在今天运行良好。也许有一些小问题，但总的来说是一个非常好的和有用的插件

标签： javascript html twitter-bootstrap timepicker

【解决方案1】：

我是 jdewit/timepicker 的作者。

我终于花了一些时间来解决所有报告的问题。希望它能满足您的需求。

【讨论】：

【解决方案2】：

~~你可以试试我们的https://github.com/Bloafer/bootstrap-timepicker~~

我们现在正在使用这个https://github.com/Eonasdan/bootstrap-datetimepicker，因为它正在积极开发中

【讨论】：

jdewit/timepicker 更好。

【解决方案3】：

我尝试使用https://github.com/Bloafer/bootstrap-timepicker，它没有发现它很有帮助，因为它需要将时间格式设置为 HH:MM，而我的时间格式是 HH:MM:SS。样式也不是最好的。

这对我来说也是一个问题，我已经尝试了 4 个时间选择器，并且它们在引导下都有一些问题，我也希望看到这个问题的答案

【讨论】：

【解决方案4】：

你可以试试这个：https://github.com/jonataswalker/timepicker.js

我是这个东西的作者。

你会使用这样的东西：

var timepicker = new TimePicker(['field1', 'field2'], {
  theme: 'dark', // or 'blue-grey'
  lang: 'pt' // 'en', 'pt' for now
});
timepicker.on('change', function(evt){
  console.info(evt);

  var value = (evt.hour || '00') + ':' + (evt.minute || '00');
  evt.element.value = value;
});

【讨论】：