jQuery Timepicker - 每 15 分钟答案

【问题标题】：jQuery Timepicker - Every 15 minutesjQuery Timepicker - 每 15 分钟
【发布时间】：2020-09-24 19:28:09
【问题描述】：

我使用 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 分钟间隔。有什么办法可以改变吗？

【问题讨论】：

给我们一个插件的链接。每个都有不同的用法和选项。

标签： jquery time timepicker

【解决方案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>

【讨论】：

感谢您帮助我。我自己也在做小提琴，但很难让它发挥作用。
也帮了我... $(function () { $('[type="datetime"]').datetimepicker({ step: 15}); });

【解决方案2】：

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

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

【讨论】：