Question

我有一个问题，即设置minDate选项设置输入值字段。为什么？

（当我写这篇文章时，输入日期在minDate之后）

HTML：

<div class="row">
    <div class="col-md-12">
        <h6>datetimepicker</h6>
        <input type="text" class="form-control" id="datetimepicker" value="21/12/2016"/>
    </div>
</div>

使用Javascript：

$('#datetimepicker').datetimepicker({
    locale: 'fr',
    //minDate: moment(), If I uncomment it the input value field changes to current date
    format: 'DD/MM/YYYY'
});

Fiddle

Answer 1

您必须添加useCurrent选项并将其设置为false。

这是一个工作示例：

$('#datetimepicker').datetimepicker({
  locale: 'fr',
  minDate: moment(),
  useCurrent: false,
  format: 'DD/MM/YYYY'
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

<div class="row">
  <div class="col-md-12">
    <h6>datetimepicker</h6>
    <input type="text" class="form-control" id="datetimepicker" value="21/12/2016"/>
  </div>
</div>

Bootstrap3 DateTimePicker：minDate选项设置输入值字段

1 个答案: