在jQuery时间选择器中隐藏禁用的时间范围

Question

我正在使用jquery timepicker。

我想隐藏特定的时间范围：

以下是我正在使用的代码，它禁用但不隐藏时间范围

$(document).ready(function(){
         $('#durationExample').timepicker({
            'disableTimeRanges': [
                ['1am', '2am'],
                ['3am', '4:01am']
            ]
        });  
    })

我如何隐藏这个时间范围，请帮帮我

Answer 1

要隐藏禁用时间，请在css文件中添加以下css：

.ui-timepicker-disabled { 
                     display: none; 
                         }

Answer 2

$('document').on('change','YourClassName',function(){
       $('.ui-timepicker-disabled').css('display','none');
   })