#javascript #html #date
#javascript #HTML #Дата
Вопрос:
Как я могу отключить прошедшую дату с помощью моих кодов в режиме реального времени?
<div class="form-group">
<label>Check-In</label>
<input name="cin" type ="date" class="form-control">
</div>
<div class="form-group">
<label>Check-Out</label>
<input name="cout" type ="date" class="form-control">
</div>
Ответ №1:
Вы можете запретить любую предыдущую дату, немного используя JavaScript и min
атрибут:
let [today] = new Date().toISOString().split("T");
document.querySelector("input").setAttribute("min", today);
<input name="cin" type ="date" class="form-control">
Это будет обновляться автоматически. Если вы не хотите разрешать какие-либо проверки ранее фиксированной даты (скажем, Нового 2019 года), тогда просто установите min
атрибут вручную:
<input name="cin" type ="date" class="form-control" min="2019-01-01">