禁用時間在 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>