当 datepicker class 用于输入字段时，bootstrap datepicker (autoclose,endDate,startDate) 不起作用

Question

如果我在输入字段中添加日期选择器，以下代码将无法正常工作 class

JS

$(document).ready(function () {
  $("#ActionDateInput").datepicker({
    autoclose: true,
    endDate: new Date()
  });
});

HTML

<input type="text" id="ActionDateInput" class="datepicker form-control" placeholder="Date" name="date" autocomplete="off"/>

但是如果我从 class 中删除日期选择器，它就可以工作了。
HTML

<input type="text" id="ActionDateInput" class="form-control" placeholder="Date" name="date" autocomplete="off"/>

出于设计目的，我想将日期选择器保留在 class 中。我使用了 bootstrap-datepicker

<script src="${contextPath}/resources/asset/js/bootstrap-datepicker.js"></script>

Answer 1

datepicker class 由 bootstrap-datepicker 插件使用。如果您下载插件的源代码，在 bootstrap-datepicker.css 文件中您可以看到样式应用于上述 class 和一些它的子元素。这就是为什么当您不使用它或重命名它时一切正常的原因。

因此，我强烈建议您不要使用 datepicker class，因为它已被使用通过内部插件。

Answer 2

试一试：

 $("#ActionDateInput").datepicker().datepicker("setEndDate",new Date());

when datepicker class is used in input field, bootstrap datepicker (autoclose,endDate,startDate) doesn't work