[英]Can't set max date on date input
我正在嘗試為我的日期輸入設置最小和最大日期,最小設置有效,但由於某種原因,最大日期無效。 這里有什么問題? 我還嘗試使用 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>
在將輸入的max
屬性設置為它之前,您忘記從date3m
刪除時間。
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>
min
和max
需要采用YYYY-MM-DD
格式。 您將max
設置為Sat Nov 13 2021 18:14:51 GMT-0500 (Eastern Standard Time)
,這不起作用。
像today
一樣使用toISOString()
。
而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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.