如何将今天设置为我的日期选择器默认值？

Posted 2023-05-08

【中文标题】如何将今天设置为我的日期选择器默认值？

【英文标题】：How can I set today as my datepicker default value?

【发布时间】：2019-05-26 23:31:49

【问题描述】：

我想将我的日期选择器默认值设置为今天：

  $(document).ready(function() 
     $('.js-date').datepicker(
          "setDate": new Date(),
          "autoclose": true
     );
);

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>

<input type="text" class="js-date form-control" />

【参考方案1】：

你可以这样做：

$('.js-date').datepicker(
  "autoclose": true
).datepicker("setDate",'now');

工作演示

$(document).ready(function() 
  $('.js-date').datepicker(
    "autoclose": true
  ).datepicker("setDate",'now');
);

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet" />
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>

<input type="text" class="js-date form-control" />