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

Question

I am using jquery timepicker.

I want to hide particular time range :

following is the code i am using it disables but does not hide the time range

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

How do i hide this time range please help me

Answer 1

To hide the disabled time, add following css in your css file :

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

Answer 2

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