Как отключить прошедшую дату?

Question

Как я могу отключить прошлую дату с моими кодами в реальном времени?

<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>

Answer 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">