jQuery timepicker时隙未禁用

Question

我正在尝试在我的jQuery时间选择器中禁用一个时隙，但是它并没有被禁用。 我的HTML是：

---

 $( document ).ready(function() { $('input[name="datetime"]').timepicker({ minTime: '10:00am', maxTime: '04:40pm', interval: '20', // 15 minutes disableTimeRanges: [ ['10:00am', '10:20am'], ['4:20pm', '5:00pm'] ], // showDuration: true }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.js"></script> <input id="timepicker" type="text" class = "timepicker" name="datetime" placeholder = "Time*" required/> 

我做了一些研究，尝试了不同的方法，但是无法正常工作。 有谁知道如何解决这一问题？

Answer 1

有两个库， 分别是jQuery的Timepicker和jQuery Timepicker ，我想知道您是否正在使用其中一个并阅读其他的文档。

在这里，我切换到了Timepicker for jQuery库，尽管“时间间隔”变为“步长”并需要一个整数（分钟），但是您的代码似乎可以正常工作。

我在jQuery Timepicker中看不到对“ disableTimeRanges”的支持

 $( document ).ready(function() { $('input[name="datetime"]').timepicker({ minTime: '10:00am', maxTime: '04:40pm', step: 20, // 15 minutes disableTimeRanges: [ ['10:00am', '10:20am'], ['4:20pm', '5:00pm'] ], // showDuration: true }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.js"></script> <input id="timepicker" type="text" class = "timepicker" name="datetime" placeholder = "Time*" required/>