javascript - Bootstrap Timepicker - 分钟间隔

Question

我最近从使用 jquery UI timepicker 切换到使用在这里找到的 timepicker，因为 jQuery UI 似乎与 Twitter Bootstrap 不兼容。

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

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

我当前的代码，很好地调用了时间选择器：（stepMinute 没有效果，这个时间选择器的语法可能不正确）

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

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

score 6 · Accepted Answer

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

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

代码：

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

score 0 · Accepted Answer

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

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

2 回答 2