【问题标题】:Disabling time is not working in pickadate.js禁用时间在 pickadate.js 中不起作用
【发布时间】:2021-05-21 17:56:45
【问题描述】:

我正在尝试将 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>

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

【问题讨论】:

    标签: javascript pickadate


    【解决方案1】:

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

    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>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-24
      • 2016-10-29
      • 2019-06-16
      • 2018-12-01
      • 2020-11-21
      • 2013-03-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多