必须设置日历的最小日期,现在如果您单击按钮,它就可以工作。
<div class="form-group">
<div class="input-group" id="datetimepicker3">
<input type="text" class="form-control" />
<span class="input-group-addon">
<i class="glyphicon glyphicon-calendar"></i>
</span>
</div>
</div>
<div class="btn-group" style="margin-bottom: 5px;">
<button id="setMinDate" class="btn btn-default" title="Установить минимальную дату">
minDate("20.04.2021")
</button>
</div>
<!-- Инициализация Bootstrap DateTimePicker -->
<script>
$(function () {
$('#datetimepicker3').datetimepicker({ locale: 'ru' });
$("#setMinDate").click(function () {
$('#datetimepicker3').data("DateTimePicker").minDate(moment('20.04.2021', 'DD.MM.YYYY'));
});
});
</script>
如何修复脚本以使最短日期有效而无需单击button id="setMinDate"?
<script>
var div = $('#ever');
$('.form-control').on('change', function () {
div.text($(this).val());
$('#datetimepicker3').datetimepicker({ locale: 'ru' });
$('#datetimepicker3').data("DateTimePicker").minDate(moment('20.04.2021', 'DD.MM.YYYY'));
});
</script>
您只需要在没有处理程序的情况下调用该函数。