Question

我已设置日期选择器，如下所示

$(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（）不起作用

有人可以帮我吗

Answer 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>

引导日期选择器中设置默认日期的问题

1 个答案: