我正在嘗試為我的日期輸入設定最小和最大日期,最小設定有效,但由于某種原因,最大日期無效。這里有什么問題?我還嘗試使用 getDate() 90 而不是 getMonth() 3。
我的輸入:
let today = new Date().toISOString().split('T')[0];
let date3m = new Date(new Date().setDate(new Date().getMonth() 3));
document.getElementsByName("start")[0].setAttribute('min', today);
document.getElementsByName("start")[0].setAttribute('max', date3m)
<div class="calendar">
<div>
<label for="start">Start Dato:</label>
<input type="date" id="start" name="start" required>
</div>
<div>
<label for="end">Slutt Dato:</label>
<input type="date" id="end" name="end" required>
</div>
</div>
uj5u.com熱心網友回復:
min并且max需要在格式中YYYY-MM-DD。您正在設定max類似Sat Nov 13 2021 18:14:51 GMT-0500 (Eastern Standard Time),但不起作用。
使用toISOString()就像你做today。
并且setDate()應該是setMonth()。
let today = new Date().toISOString().split('T')[0];
let date3m = new Date();
date3m.setMonth(date3m.getMonth() 3);
date3m = date3m.toISOString().split('T')[0];
document.getElementsByName("start")[0].setAttribute('min', today);
document.getElementsByName("start")[0].setAttribute('max', date3m)
<div class="calendar">
<div>
<label for="start">Start Dato:</label>
<input type="date" id="start" name="start" required>
</div>
<div>
<label for="end">Slutt Dato:</label>
<input type="date" id="end" name="end" required>
</div>
</div>
uj5u.com熱心網友回復:
date3m在將輸入的max屬性設定為之前,您忘記洗掉時間。
let today = new Date().toISOString().split('T')[0];
let date3m = new Date(new Date().setDate(new Date().getMonth() 3)).toISOString().split('T')[0];
document.getElementsByName("start")[0].setAttribute('min', today);
document.getElementsByName("start")[0].setAttribute('max', date3m)
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>
<div class="calendar">
<div>
<label for="start">Start Dato:</label>
<input type="date" id="start" name="start" required>
</div>
<div>
<label for="end">Slutt Dato:</label>
<input type="date" id="end" name="end" required>
</div>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/358101.html
標籤:javascript html
