javascript-如何防止jQuery引导ClockPicker获得不能被5整除的分钟

我正在使用jQuery bootstrap ClockPicker,并且只需要获取它们的分钟可以被5整除的时间.例如,如果用户选择13:08,则ClockPicker应该选择13:05.

有没有一种方法可以覆盖时钟选择器以舍入选定的分钟数？

解决方法:

我没有找到一种使用API进行此操作的方法.因此,我使用afterDone回调编写了一个.

我解析输入值并进行更改以获取新的分钟值.

var clockpicker = $('.clockpicker').clockpicker({
  afterDone: function() {
    clockpicker.val(round());
  }
}).find('input');

function round() {
  var time = clockpicker.val(),
      arr = time.split(':'),
      hour = arr[0],
      min = arr[1],
      newMin = (Math.floor(parseInt(min) / 5)) * 5;

  return hour + ':' + (newMin > 9 ? '' : '0') + newMin;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://weareoutman.github.io/clockpicker/dist/bootstrap-clockpicker.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://weareoutman.github.io/clockpicker/dist/bootstrap-clockpicker.min.js"></script>

<div class="input-group clockpicker col-xs-6">
  <input type="text" class="form-control" value="09:30">
  <span class="input-group-addon">
    <span class="glyphicon glyphicon-time"></span>
  </span>
</div>

http://jsbin.com/lopufu/edit?html,js

标签：timepicker,javascript,jquery,rounding,time-select
来源： https://codeday.me/bug/20191013/1904469.html