在引导程序日期选择器中设置默认日期的问题答案

【问题标题】：issue with set default date in bootstrap datepicker在引导程序日期选择器中设置默认日期的问题
【发布时间】：2020-09-24 09:00:50
【问题描述】：

我已经设置了下面给出的日期选择器

$(document).ready(function() {
  $(function() {
    $("#datepicker").datepicker({
      autoclose: true,
      todayHighlight: true
    }).datepicker('update', new Date());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />

<div class="form-group">
  <div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy">
    <input class="form-control" type="text" name="birth_date" readonly />
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
  </div>
</div>

我想设置默认日期，因为我想在更新数据页面中设置这个日期选择器。

所以我必须设置一个动态日期

为此我已经搜索并尝试了很多方法，例如

        $('#datepicker').datepicker('setDate', new Date(2006, 11, 24));
        $('#datepicker').datepicker('update');
        $('#datepicker').val('');

还有$("#datepicker").datepicker("setDate", date);这也是

但是这个 setdate() 不起作用

谁能帮我解决这个问题

【问题讨论】：

标签： html jquery datepicker

【解决方案1】：

使用您的代码，日期选择器似乎按预期工作。您是否在代码中包含了 jquery 路径？

$(document).ready(function() {
  //$(function() {
   // $("#datepicker").datepicker({
  //    autoclose: true,
  //    todayHighlight: true
  //  }).datepicker('update', new Date());
  //});
  $('#datepicker').datepicker('setDate', new Date(2006, 11, 24));
  $('#datepicker').datepicker('update');
});

<!-- Include jquery path -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />

<div class="form-group">
  <div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy">
    <input class="form-control" type="text" name="birth_date" readonly />
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
  </div>
</div>

【讨论】：