问如何在选时器中反演量程？

EN

    var initHour = new Date().getHours();
    if (20 > new Date().getHours()) {
        initHour = 20;
    }
    var intiMinutes = 0;
    
    var minDateTime = new Date(new Date().setHours(20,0, 0, 0));
    var maxDateTime = new Date(new Date().setHours(8, 0, 0, 0));

    if (minDateTime < new Date()) {
        minDateTime = new Date(new Date().setHours(initHour, intiMinutes, 0));
    }
    
      $('#TimePickerStart').timepicker({
            timeFormat: 'HH:mm',
            dynamic: false,
            minTime: minDateTime,
            maxTime: maxDateTime,
            startTime: new Date(new Date().setHours(initHour, intiMinutes, 0)),
            startHour: initHour,
            startMinutes: intiMinutes,
            interval: 30
        });
        $('#TimePickerStart').timepicker('setTime', new Date(new Date().setHours(initHour, intiMinutes, 0, 0)));

        if (intiMinutes >= 30) {
            initHour = initHour + 1;
            intiMinutes = 0;
        }
        else {
            intiMinutes = 30;
        }

        $('#TimePickerEnd').timepicker({
            timeFormat: 'HH:mm',
            dynamic: false,
            minTime: new Date(new Date().setHours(20, 0, 0, 0)),
            maxTime: maxDateTime,
            startTime: new Date(0, 0, 0),
            startHour: initHour,
            startMinutes: intiMinutes,
            interval: 30
        });
        $('#TimePickerEnd').timepicker('setTime', new Date(new Date().setHours(initHour, intiMinutes, 0, 0)));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">


<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>


<input id="TimePickerStart" style="background-color:white!important" class="form-control" onchange="OnStartHourClick(this)" pattern="[0-9]{2}:[0-9]{2}" required readonly>


<input id="TimePickerEnd" style="background-color:white!important" class="form-control"  onchange="OnEndHourClick(this)" pattern="[0-9]{2}:[0-9]{2}" required readonly>