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>

Answer 1

好吧，我也有同样的问题，但在不同的庄园

$('#date').datetimepicker({
    format:'MMM-DD',
    ignoreReadonly:true,
    viewMode:'months', 
    minDate: new Date(year, 00, 01, 00, 00),
    maxDate: new Date(year, 12, 00, 00, 00),
    showClear:true,
    useCurrent: false,
    keepInvalid:true
});

我是这样用的

但是当它超出范围时，如果 keepInvalid:false 值将被删除，因为它是一个无效日期。

如果你将它与 keepInvalid:true 一起使用，那么它不会让你选择，因为年份已经被选择并且超出范围无效，你必须输入完整格式才能看到发生了什么。