bootstrap-datetimepicker - keepInvalid を使用すると、タイム ピッカーを使用できなくなります

Question

最小値と最大値の許容範囲を持つ時間フィールドを含めようとしていますが、データベースからの値が事前に入力されているため、正しくない (範囲外) 可能性があります。正しくない場合は、ユーザーにエラー メッセージを表示して、ユーザーが変更できるようにします。私は keepInvalid と useCurrent を使用して、間違った値が消去または変更されないようにしていますが、問題は、クリックしてウィジェットをポップアップしても、値を変更できないことです。時刻は 12:00:00 とだけ表示され、矢印を使用して変更することはできません。keepInvalid と useCurrent を削除すると、時刻は再び変更可能になりますが、誤った値が最小値に自動的に変更されます。

誰が私が間違っているのか教えてもらえますか?

<div class="formTimelineStartTime">
    <div class="form-group control-group">
        <div class="controls">
            <div class="input-group date">
                <input type="text" id="fldTBStartTime1" class="form-control input-sm" value="12:45:45 PM" readonly="readonly"/>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
  $(function () {
      $('#fldTBStartTime1').datetimepicker({
          useCurrent: false,
          keepInvalid: true,
          format: 'hh:mm:ss A',
          minDate: '7/6/2016 12:08:38 PM',
          maxDate: '7/6/2016 12:30:14 PM',
          ignoreReadonly: true
      });
  });
</script>