javascript - 如何防止 jQuery bootstrap ClockPicker 获取不能被 5 整除的分钟数

标签 javascript jquery rounding timepicker time-select

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

有没有办法覆盖 clockpicker 以向下舍入选定的时间分钟数?

最佳答案

我没有找到使用 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

关于javascript - 如何防止 jQuery bootstrap ClockPicker 获取不能被 5 整除的分钟数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35391567/

相关文章:

javascript - 未捕获的类型错误 - 无法读取 jQgrid 中未定义的属性 'msie'

javascript - 如何通过 jQuery ajax 调用访问 JSON 数据?

javascript - 从页面顶部滚动 100px 后显示 div

user-interface - 圆角 SwiftUI

F# 向上舍入到特定的小数位数

ruby-on-rails - 使用 ruby​​ printf-format-specifier 的奇数舍入问题

javascript - Angular Controller 显示模态形式是有效的,当它不是

javascript - 如何获取 Plotly.js 默认颜色列表?

javascript - 如何从延迟对象 JQuery 中获取返回值

jQuery Nav滑动下划线修改