javascript - Bootstrap Timepicker - 分钟间隔

Question

我最近从使用 jquery UI 时间选择器切换到使用找到的时间选择器 here jQuery UI 似乎与 Twitter Bootstrap 不兼容。

我已经设法让日期选择器和时间选择器正常工作，但我缺少旧时间选择器的一些功能 - 在几分钟内控制步骤的能力。我希望只允许用户以 15 分钟为间隔增加时间选择器的分钟数。这使用以下语法与 jQuery UI 完美配合:

$(function() {
  $('#div_id').timepicker({
    stepMinute: 15
  });
});

我当前的代码调用时间选择器很好:(stepMinute 没有效果，可能是这个时间选择器的语法不正确)

jQuery(function($){
    $('#div_id').timepicker({
        stepMinute: 15
    });
});

我希望使用这个问题开头链接的 Bootstrap 友好的时间选择器来模拟这个，非常感谢任何帮助。

Answer 1

如果您不想更改插件代码，您可以使用 change.bfhtimepicker 事件广告增量/减量小时和分钟。

或者，它会因为 UI 而显得有些不同，但您可以切换到另一个实现 minuteStep 功能的 Bootstrap 时间选择器插件。

代码:

$('#timepicker1').timepicker({
    defaultTime: 'current',
    minuteStep: 15,
    disableFocus: true,
    template: 'dropdown'
});

演示:http://jsfiddle.net/IrvinDominin/e3k37/

引用:http://jdewit.github.io/bootstrap-timepicker/