HTML QUELLTEXT

<div class="form-group">
      <label class="col-md-3 control-label" for="event_date">Start at</label>  
      <div class="col-md-8">
        <input id="event_start_date" name="event_start_date" type="text"  placeholder="" class="form-control input-md event_date" required="">
          </div>
      </div>

      <div class="form-group">
       <label class="col-md-3 control-label" for="event_date">End at</label>  
         <div class="col-md-8">
      <input id="event_end_date" name="event_end_date" type="text" placeholder="" class="form-control input-md event_date" required="">
      </div>
</div>`

JavaScript-Code:

$('#event_start_date').datetimepicker({
    minTime: "08:30:00"
});

Ich muss die Startzeit des Timepickers auf 8:30 Uhr bis Endzeit auf 20:30 Uhr einstellen und die andere Zeit in der Zeitauswahl deaktivieren. Wie ist das möglich bitte helfen?