創建日期選擇器時,我將其設定為僅允許從今天開始。這有效......但似乎用戶可以然后進入該欄位并將日期更改為今天的“之前”。有沒有辦法強制執行“必須是今天或將來的日期”規則?
這是我的例子;
var today = new Date();
var d = today.getDate();
var m = today.getMonth() 1;
var y = today.getFullYear();
if (d < 10) {
d = '0' d
}
if (m < 10) {
m = '0' m
}
today = y '-' m '-' d;
document.getElementById("datePicker").setAttribute("min", today);
<input id="datePicker" type='date' >
uj5u.com熱心網友回復:
當輸入的值低于今天時,使用 EventListener 偵聽并將輸入的值設定為今天的日期
var today = new Date();
var d = today.getDate();
var m = today.getMonth() 1;
var y = today.getFullYear();
if (d < 10) {
d = '0' d
}
if (m < 10) {
m = '0' m
}
today = y '-' m '-' d;
const input = document.getElementById("datePicker")
input.setAttribute("min", today);
input.addEventListener('change', (event) => {
const d1 = new Date(today);
const d2 = new Date(event.target.value);
if(d1.getTime() > d2.getTime()){
event.target.value = today
}
});
<input id="datePicker" type='date'>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/312667.html
標籤:javascript html 验证
