jQuery Timepicker - 每 15 分钟

Question

我正在使用 jQuery 时间选择器，如下所示：-

//时间选择器函数

$(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 选项。我做到了，但是看到了一个步骤选项。这很可能就是您要找的，并且会解决这个问题

step The amount of time, in minutes, between each item in the dropdown. Alternately, you can specify a function to generate steps dynamically. The function will receive a count integer (0, 1, 2...) and is expected to return a step integer. default: 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 分钟

jQuery Timepicker - Every 15 minutes

time

jquery

timepicker