我正在嘗試根據(jù)另一個(gè) HTML5 日期輸入中設(shè)置的值來(lái)設(shè)置 HTML5 日期輸入的最小日期。因此，如果您在第一個(gè)日期字段中選擇 2020 年 4 月 3 日，則min第二個(gè)日期輸入的值將為 2020 年 4 月 3 日。我嘗試過(guò)使用第一個(gè)日期輸入的值，但這不起作用。任何建議都會(huì)很棒。var today = new Date();var dd = today.getDate();var mm = today.getMonth() + 1; //January is 0!var yyyy = today.getFullYear();if (dd < 10) { dd = '0' + dd}if (mm < 10) { mm = '0' + mm}today = yyyy + '-' + mm + '-' + dd;document.getElementById("fDate").setAttribute("min", today);function myFunction() { var minToDate = document.getElementById("fDate").value; document.getElementById("fDate").setAttribute("min", minToDate);}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><input type="date" id="fDate" onBlur="myFunction()"><input type="date" id="tDate">
3 回答
holdtom
TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超10個(gè)贊
將 fdate 更改為 tdate
document.getElementById("fDate").setAttribute("min", minToDate);
到
document.getElementById("tDate").setAttribute("min", minToDate);
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!
var yyyy = today.getFullYear();
if (dd < 10) {
dd = '0' + dd
}
if (mm < 10) {
mm = '0' + mm
}
today = yyyy + '-' + mm + '-' + dd;
document.getElementById("fDate").setAttribute("min", today);
function myFunction() {
var minToDate = document.getElementById("fDate").value;
document.getElementById("tDate").setAttribute("min", minToDate);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<input type="date" id="fDate" onBlur="myFunction()">
<input type="date" id="tDate">
白豬掌柜的
TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊
您想要將最小值設(shè)置為第二個(gè)日期選擇器，因此您需要獲取該元素：
function myFunction() {
var minToDate = document.getElementById("fDate").value;
document.getElementById("tDate").setAttribute("min", minToDate);
}
守著一只汪
TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊
你的邏輯不起作用，因?yàn)槟銓?min 設(shè)置為fDate，而不是tDate。
您還應(yīng)該避免使用內(nèi)聯(lián)onX事件屬性，因?yàn)樗鼈円呀?jīng)過(guò)時(shí)并且不再是良好的做法。請(qǐng)改用不顯眼的事件處理程序。由于接受 Date 對(duì)象，因此可以進(jìn)一步簡(jiǎn)化邏輯min，因此您不需要修改 Date 對(duì)象來(lái)形成字符串。
還值得注意的是，該min設(shè)置不會(huì)阻止用戶輸入該值之前的日期。它僅在提交表單時(shí)用于驗(yàn)證，正如您在下面的示例中Submit單擊按鈕時(shí)看到的那樣。
let fDate = document.querySelector('#fDate');
let tDate = document.querySelector('#tDate');
fDate.addEventListener('change', function() {
tDate.min = this.value;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<form>
<input type="date" id="fDate" />
<input type="date" id="tDate" />
<button>Submit</button>
</form>
- 3 回答
- 0 關(guān)注
- 237 瀏覽
添加回答
舉報(bào)
0/150
提交
取消