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

jQuery Timepicker and jQuery Datepair: How to set end time into 15mins

本文关键字：jQuery 结束 时间 设置 15分钟 Timepicker Datepair      更新时间：2023-09-26

我正在使用jQuery时间选择器和jQuery日期修复器

这是我的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:00am，时间结束时输出是2:00pm，所以时间间隔是1小时。

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

您可以使用间隔选项。

$('#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
});

尝试添加" step ":15，

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