将第二个日期选择限制为仅在第一个日期之后答案

【问题标题】：Limit 2nd date selection to only after the first one将第二个日期选择限制为仅在第一个日期之后
【发布时间】：2019-04-08 08:24:14
【问题描述】：

我有 2 个带有日期时间选择器的 html 表单。我想限制第二次选择的用户只允许他们选择第一个日期选择日期之后的日期。

只是不知道如何。谢谢。

附言我注意到其他类似的问题包括 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>

【问题讨论】：

谁不喜欢 jQuery？
互联网人。他们说没有必要了，因为 javascript 改进了很多并且使用 jquery 是多余的。

标签： javascript html datetime datepicker

【解决方案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>

【讨论】：