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

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