当在输入字段中使用 datepicker 类时，引导 datepicker (autoclose,endDate,startDate) 不起作用答案

【问题标题】：when datepicker class is used in input field, bootstrap datepicker (autoclose,endDate,startDate) doesn't work当在输入字段中使用 datepicker 类时，引导 datepicker (autoclose,endDate,startDate) 不起作用
【发布时间】：2020-08-05 09:29:07
【问题描述】：

如果我在输入字段类中添加日期选择器，以下代码将不起作用

$(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"/>

但是，如果我从课程中删除 datepicker，它会起作用。
HTML

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

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

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

【问题讨论】：

您能否尝试重命名您的datepicker 班级，看看问题是否仍然存在？
不，那么它工作正常。但是日期格式会发生变化。因此，出于这个原因，我必须将日期选择器保留在课堂上
$("#ActionDateInput").datepicker().datepicker("setEndDate",new Date());尽管仍在使用 datepicker，但这是有效的
datepicker 类与以下代码 $("#ActionDateInput").datepicker().datepicker("setEndDate",new Date()); 中提到的 datepicker 关键字无关。 datepicker() 是一个函数，与你插入的class datepicker 无关。
可以提供一个js fiddle吗？

标签： javascript datepicker bootstrap-datepicker

【解决方案1】：

试试看：

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

【讨论】：

【解决方案2】：

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

因此，我强烈建议您不要使用 datepicker 类，因为它已被使用由插件在内部进行。

【讨论】：