如何在 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>