jQuery Timepicker 和 jQuery Datepair：如何将结束时间设置为 15 分钟

Question

我正在使用 jQuery timepicker 和 jQuery datepair

这是我的html代码

<p id="timeOnlyExample"> <input type="text" class="time start" /> to <input type="text" class="time end" /> </p>

还有我的 jQuery 代码

$('#timeOnlyExample .time').timepicker({ 'showDuration': true, 'timeFormat': 'g:ia' });

var timeOnlyExampleEl = document.getElementById('timeOnlyExample'); var timeOnlyDatepair = new Datepair(timeOnlyExampleEl);

所以这段代码的输出是：例如我在时间开始选择上午1:00，时间结束的输出是下午2:00，所以时间间隔是1小时。

但我想做的是，当我在时间开始选择凌晨 1:00 时，我希望在时间结束时的输出是凌晨 1:15，间隔 15 分钟。我现在正在寻找解决方案，但我认为有人可以帮助我解决这个问题。谢谢

Answer 1

您可以使用间隔选项。

$('#timeOnlyExample .time').timepicker({
    'showDuration': true,
    'timeFormat': 'g:ia',
    'interval': 15 // 15 minutes
});

更多详情请访问：http://timepicker.co/options/

您应该使用 defaultTimeDelta 初始化日期对。

var timeOnlyDatepair = new Datepair(timeOnlyExampleEl, {
  'defaultTimeDelta': 15*60*1000 // milliseconds
});

Answer 2

尝试添加“步骤”：15，

$('#timeOnlyExample.time').timepicker({
        'step' :15,
        'showDuration': true,
        'timeFormat': 'g:ia'
    });