Question

我使用this来选择日期和时间。文档没有提及时间选择器，但它无论如何都可以。

HTML：

<div class="dateTimePicker">
        <input name="start" type="text" value="">
        <span class="add-on"><i class="time-icon"></i></span>
</div>

JS：

$(".dateTimePicker").datetimepicker({
    pickDate: false,
    pickTime: true,
    useSeconds: false,
    format: 'hh:mm'
});

这一切都很好。它显示了一个间隔为1 hour for hours, 3 minutes for minutes and 3 seconds for seconds.

的选择器

我的目标是将分钟间隔从3更改为15.目前，分钟选择器显示：00 03 06 etc。我可以将其更改为00 15 30 45。这是否可能，或者是否有其他时间的选择器给我这种灵活性？

Answer 1

您需要使用步进，此页面会解释所有内容，http://eonasdan.github.io/bootstrap-datetimepicker/Options/#stepping

$(".dateTimePicker").datetimepicker({
    pickDate: false,
    pickTime: true,
    useSeconds: false,
    format: 'hh:mm',
    stepping: 15 //will change increments to 15m, default is 1m
});

Answer 2

@foreach($orders as $order)
    @foreach($order->description as $description)
        {{ $description->erp_name }}
    @endforeach
@endforeach

这是如何在jquery datetimepicker中设置区间

Answer 3

<pre>{{progress}}</pre>

Answer 4

在The Kendo UI TimePicker

中尝试此间隔

<input id="timePicker" />
<script>
   $("#timePicker").kendoTimePicker({
      interval: 15
   });

Answer 5

由于您正在寻找一个兼容bootstrap的timepicker库，我建议使用支持时间范围和步进功能的bootstrap-timepicker库。

示例将基于您的源代码：

$(".dateTimePicker").timepicker({({
  secondStep: 30, // "minuteStep" is also an alternative option 
  showSeconds: true
});

限制DateTime Picker中的时间间隔

5 个答案: