Bootstrap Timepicker -分钟间隔

Question

我最近从使用jquery UI时间选择器切换到使用here发现的时间选择器，因为看起来jQuery UI与Twitter Bootstrap不兼容。

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

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

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

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

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

Answer 1

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

或者，由于UI的原因，它看起来会有点不同，但您可以切换到另一个实现minuteStep功能的引导时间选择器插件。

代码：

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

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

参考：http://jdewit.github.io/bootstrap-timepicker/

Answer 2

只需给出"minuteStepping“选项，如下所示

$('.time').datetimepicker({
    pickDate: false,
    use24hours: true,
    minuteStepping: 15,
    format: 'HH:mm'
  });