禁用时间在 pickadate.js 中不起作用

Question

我正在尝试将pickadate.js集成到我的项目中，但不幸的是，在阅读了文档后，我在如何禁用特定时间方面遇到了困难

 $(function() { let $timePicker = $('input').pickatime() let timePicker = $timePicker.pickatime('picker') timePicker.set('disable', new Date(2021,5,22,9)) })

 <link href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/themes/classic.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/themes/classic.time.css" rel="stylesheet"/> <input type="time"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/picker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/picker.date.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/picker.time.js"></script>

. 请在下面查看我的代码。

Answer 1

您好，请参阅此内容，您可以使用 [Hours,Minutes] 格式的 arrays 但代码中的问题是您没有将数组作为第二个参数传递给 timepicker set() 方法。 看看下面的片段我编辑了你的

timePicker.set('disable', [

  // Using a collection of arrays formatted as [HOUR,MINUTES]
  [2,30], [4,30], [9,0],

  // Using JavaScript Date objects
  new Date(2015,9,13,6), new Date(2015,9,13,12,30)
])
picker.set('enable', [
  [4,30], [6,0],
  new Date(2015,9,13,9)
])

 $(function() { let $timePicker = $('input').pickatime() let timePicker = $timePicker.pickatime('picker') timePicker.set('disable', [new Date(2021,5,22,9)]) })

 <link href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/themes/classic.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/themes/classic.time.css" rel="stylesheet"/> <input type="time"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/picker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/picker.date.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.2/picker.time.js"></script>