时间戳

首页 > 解决方案 > 在引导日期选择器中设置默认日期的问题

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

问题描述

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

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

谁能帮我解决这个问题

标签： htmljquerydatepicker

解决方案

使用您的代码，日期选择器似乎按预期工作。您是否在代码中包含了 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>

推荐阅读