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

Question

我是 StackOverflow 的新手。

我正在按照这段代码来实现 bootstrap datepicker。我遇到了一个错误：

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

标签： javascripthtmlcss

Answer 1

更改id您的div，id必须是唯一的。所以日期选择器1，日期选择器2 ...

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());

});