如何在jQuery timepicker插件中设置最大时间限制

Question

我正在使用jQuery的timepicker插件，并设置了开始时间，我需要设置timepicker的最大时间限制。因此，我使用endTime属性保留了最大时间，但是这似乎对我没有效果。

预期输出：

1）开始时间应该是早上7:00 AM，结束时间是4:00 PM。

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<script>
$('.timepicker').timepicker({
    timeFormat: 'h:mm p',
    interval: 60,
    startTime: '7:00 am',
    dynamic: true,
    dropdown: true,
    scrollbar: true,
    endTime: '4:00 pm',

});
</script>

Answer 1

使用min和max代替startTime和endTime。

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<script>
$('.timepicker').timepicker({
    timeFormat: 'h:mm p',
    interval: 60,
    dynamic: true,
    dropdown: true,
    scrollbar: true,
    min: '7:00 am',
    max: '4:00 pm'
});
</script>

Answer 2

使用minTime和maxTime

$('.timepicker').timepicker({
    timeFormat: 'h:mm p',
    interval: 60,
    dynamic: true,
    dropdown: true,
    scrollbar: true,
    minTime: '7:00am',
    maxTime: '4:00pm',
});

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

<input type="text" class="timepicker">
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>