javascript - jquery datetimepickerのmaxTimeとminTimeがonShowで更新されない

Question

私は2つのdatetimepickers入力を使用しており、グレーアウトして、datepickersの以前の入力に基づいてユーザーが無効な開始時刻と終了時刻を選択できないようにしようとしています. たとえば、終了時刻は開始時刻よりも前であってはならず、その逆もあってはなりません。

何らかの理由で時刻がグレー表示されて正しく開始されますが、より早い開始時刻を選択しようとすると、#availibility_end_time 日付ピッカーの minTime が変更されません。

同様の近い解決策を見つけましたが、うまくいかないようです。

$('#availability_start_time').datetimepicker({
  format: 'd/m/Y - H:i',
  timepicker: true,
  onShow: function( selected_time ){
    this.setOptions({
      value:$('#availability_end_time').val(),
      maxTime: $('#availability_end_time').val() 
    });
  }
});

$('#availability_end_time').datetimepicker({
  format: 'd/m/Y - H:i',
  timepicker: true,
  onShow: function( selected_time ){
    this.setOptions({
      value: $('#availability_end_time').val(),
      minTime: $('#availability_start_time').val() 
    });
  }
});