когда класс datepicker используется в поле ввода, bootstrap datepicker (autoclose, endDate, startDate) не работает

Question

следующий код не работает, если я добавляю datepicker в поле ввода 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"/>

Но если Убираю datepicker из класса, работает. HTML

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

Я хочу сохранить datepicker в классе для целей проектирования. Я использовал bootstrap -datepicker

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

Answer 1

Попробуйте:

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

Answer 2

Класс datepicker используется плагином bootstrap -datepicker . Если вы загрузите исходные коды плагина, в файле bootstrap -datepicker. css вы увидите, что к упомянутому классу и некоторым его дочерним элементам применен стиль. Вот почему все работает нормально, когда вы либо не используете его, либо когда вы его переименовываете.

Таким образом, я настоятельно рекомендую вам НЕ использовать класс datepicker, поскольку он используется плагином внутри .