defaultDate 和 minDate 与 Bootstrap Datetimepicker

Question

我希望选择器默认设置为未来一个月。这很好用：

<script type="text/javascript">
  $(function () {
    $('#enddatepicker').datetimepicker({
      defaultDate: moment().add(1, 'M').toDate(),
      locale: 'de',
      format: 'DD.MM.YYYY'
    });
  });
</script>

不过，我也希望日期不要早于明天。所以我尝试添加一个 minDate 选项：

<script type="text/javascript">
  $(function () {
    $('#enddatepicker').datetimepicker({
      minDate: moment().add(1, 'd').toDate(),
      defaultDate: moment().add(1, 'M').toDate(),
      locale: 'de',
      format: 'DD.MM.YYYY'
    });
  });
</script>

但是，现在默认日期设置为 minDate（即明天）。我可以独立于最短日期设置默认日期吗？

Answer 1

为此我会 raise an issue in github，因为 minDate 不应覆盖 defaultDate。同时，您所能做的就是明确设置值：

$(function () {
    $('#enddatepicker').datetimepicker({
         minDate: moment().add(1, 'd').toDate(),
         locale: 'de',
         format: 'DD.MM.YYYY'
    });
     $('#enddatepicker').val(moment().add(1, 'M').format('DD.MM.YYYY'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>
<link href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<div class="container">
  <div class="row">
    <div class="demo col-xs-6">
       <input class="form-control" id="enddatepicker"/>
    </div>
  </div>
</div>

Answer 2

查看 GitHub (line 1674) if you set the option useCurrent 上的代码为 false，您的默认值可能不会被覆盖：

 <script type="text/javascript">
   $(function () {
     $('#enddatepicker').datetimepicker({
       useCurrent: false,
       minDate: moment().add(1, 'd').toDate(),
       defaultDate: moment().add(1, 'M').toDate(),
       locale: 'de',
       format: 'DD.MM.YYYY'
     });
   });
 </script>

Answer 3

尝试使用开始日期属性，在检查了我的 jquery 之后，我发现没有 minDate 参数，但是处理 minDate.it 的 startDate 参数对你有用。

开始日期:新日期(),

Skype @lokesh7676 以获得更多帮助

defaultDate 和 minDate 与 Bootstrap Datetimepicker

defaultDate and minDate with Bootstrap Datetimepicker

jquery

twitter-bootstrap

bootstrap-datetimepicker