Ограничить выбор второй даты только после первой

Question

У меня есть 2 HTML-формы с указателями даты и времени.Я хочу ограничить пользователя вторым выбором, чтобы позволить ему выбирать дату только после первой даты выбора даты.

Просто не знаю как.Спасибо.

ps Я заметил, что другие подобные вопросы включали в себя jquery, но так как его осуждают, есть ли способ сделать это с vanilla js?

html:

<div>
<label> Travel date: </label>
  <input type="datetime-local" name="DateTime">
<label> Return date: </label>
  <input type="datetime-local" name="ReturnDateTime">
</div>

Answer 1

по умолчанию отключение выбора первой даты, когда пользователь выбирает первую дату, включение выбора второй даты,

  //your javascript should be like 
  function handleFirstDateSelect(){
    let datepicker2=document.getElementById('date2')
          datepicker2.disabled=false;
//rest of your code
  }

Ваш HTML как

 <div>
  <label> Travel date: </label>
    <input type="datetime-local" name="DateTime" onChange='handleFirstDateSelect()'>

 <label> Return date: </label>
 <input type="datetime-local" name="ReturnDateTime" disabled>
</div>