Question

我正在使用jQuery Timepicker，如下所示： -

//时间选择器功能

$(function() {
    $('#time').timepicker({ 'scrollDefault': 'now','timeFormat': 'H:i', stepMinute: 15 });

  var coeff = 1000 * 60 * 15;
  var date = new Date();  //or use any other date
  var rounded = new Date(Math.round(date.getTime() / coeff) * coeff);

  $('#time').timepicker('setTime', rounded);

});

在选项对象中，我尝试过设置interval: 15和stepMinute: 15。默认情况下，下拉列表以30分钟为间隔显示时间。我试图将其改为15分钟。有没有办法可以改变这个？

Answer 1

根据GitHub网站，没有stepMinute选项。我做了，但是看到一个步骤选项。这很可能是你正在寻找的并将解决这个问题

<强>步骤下拉列表中每个项目之间的时间量（以分钟为单位）。或者，您可以指定一个动态生成步骤的函数。该函数将接收一个计数整数（0,1,2 ......），并期望返回一个步长整数。默认值：30

https://github.com/jonthornton/jquery-timepicker

编辑：包含这两个文件非常重要

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.9/jquery.timepicker.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.9/jquery.timepicker.min.js"></script>

Answer 2

$('input[type="text"].date').datetimepicker({
        format: 'yyyy-mm-dd hh:ii',
        startDate: dateNext,
        minuteStep : 15
    });

minuteStep是正确的解决方案。在Bootstrap DatetimePicker中进行了测试。

jQuery Timepicker - 每15分钟一次

2 个答案: