首页 > 解决方案 > 将 1 天添加到日期选择器中的选定日期

问题描述

我正在尝试在结束日期选择器中禁用以前的日期。例如,如果选择的日期是 10-06-2021,则结束日期必须是 11-06-2021。我需要在结束日期选择器中禁用 11-06 之前的所有日期。请帮我解决这个问题。

<input type="date" name="datepickers" id="create-smeeting-startdate" />
<input type="date" name="datepickers" id="create-smeeting-enddate" />

var date = new Date(meetingStratdate);
date.setDate(date.getDate() + 1);
$('#create-smeeting-enddate')[0].valueAsDate = date;
$("#create-smeeting-enddate").attr("option", "minDate", date);
$('#create-smeeting-enddate').change();

标签: javascripthtmljquery-ui

解决方案


您需要按照以下方式做一些事情:

$("#create-smeeting-startdate").datepicker({
    // options
}).on("change", function() {
    $("#create-smeeting-enddate").val("").datepicker("option", "minDate", $(this).datepicker("getDate"));
});
$("#create-smeeting-enddate").datepicker({
    // options
});

基本上你处理change第一个日期选择器上的事件来设置minDate第二个日期选择器。


推荐阅读