javascript - 在 Django 中使用引导日期选择器

Question

我是 StackOverflow 的新手。

我正在关注 this一段代码来实现 Bootstrap datepicker。 我遇到了一个错误:

Date1 有效但 Date2 无效。 谁能解释一下？

Answer 1

更改div 的id，id 必须是唯一的。所以 datepicker1, datepicker2...

像这样将类日期选择器添加到您的 div class="datepicker ..."

通过 $(".datepicker") 将 $("#datepicker") 更改为:

<label>Select Date 1: </label>
<div id="datepicker1" class="datepicker input-group date" data-date-format="mm-dd-yyyy">
    <input class="form-control" type="text" readonly />
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>

<label>Select Date 2:  </label>
<div id="datepicker2" class="datepicker input-group date" data-date-format="mm-dd-yyyy">
    <input class="form-control" type="text" readonly />
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>


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

});