我試圖在End Datepicker中禁用以前的日期。例如，如果選定的日期是10-06-2021，End日期必須是11-06-2021。我需要在End Datepicker中禁用11-06之前的所有日期。 請幫助我解決這個問題。
< input type="date" name="datepickers" id="create-smeeting-starttdate" />
< input type="create-smeeting-startdate" />. string">"date" name="datepickers" id="creation-smeeting-enddate" />
var date = new Date(meetingStratdate);
date.setDate(date.getDate() 1) 。
$('#creat-smeeting-enddate')[0].valueAsDate = date。
$("#create-smeeting-enddate").attr("option", "minDate", date) 。
$('#create-smeeting-enddate').change()。
uj5u.com熱心網友回復：
你需要做一些類似這樣的事情：
$("#creat-smeeting-startdate").datepicker({
//options.
}).on("change"/span>, function() {
$("#create-smeeting-enddate").val（""）。 datepicker("option", "minDate", $（this）。 datepicker("getDate") )。
});
$("#create-smeeting-enddate").datepicker({
// options.
});
基本上，你處理第一個日期選擇器的change事件來設定第二個日期選擇器的minDate。
uj5u.com熱心網友回復：
你將不得不為日期選擇器設定 "minDate "屬性。
在你的例子中：
$("#creat-smeeting-startdate").datepicker({
minDate。1.
});
uj5u.com熱心網友回復：
我認為這是對你的問題的一個完美的解決方案
。var meetingStartDateInput = document. querySelector('#creat-smeeting-startdate')。
var meetingEndDateInput = document.querySelector('#creat-smeeting-enddate') 。
meetingStartDateInput.addEventListener('change', function(){
if(this.value !=' ') setEndDate(this.value) 。
});
function setEndDate（meetingDate）{
let date = new Date（meetingDate）。
//為會議日期增加1天。
date = new Date(date.setDate(date.getDate() 1) ）。)
//此函式在數字前加0，如果數字小于10。
// * 如果你想在html日期選擇器上顯示日期，這個函式很重要。
function formatNum（num） {
if(num < 10) return `0${num}`
return num;
}
//將日期格式改為 "年-月-日 "格式，以設定在日期選擇器的值上。
let newFormatedDate = `${date.getFullYear()}-${formatNum(date. getMonth() 1)}-${formatNum(date.getDate())}`;
meetingEndDateInput.value = newFormatedDate。
meetingEndDateInput.setAttribute('min'，newFormatedDate)。
}< div>會議日期</div>
< input type="date" name="datepickers" id="create-smeeting-startdate" />
<div>會議結束日期 </div>
< input type="date" name="datepickers" id="creation-smeeting-enddate" /> 轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/319937.html
標籤：