javascript - 验证最小日期 JavaScript

Question

我正在尝试验证从对象类型 =“日期”到 checkout 的最短日期(今天)，然后将天数带到另一个变量以供进一步使用，所有这些都使用一个按钮。我的问题是我真的不明白如何比较日期。

html

<label for="date1"> Checkin </label>
    <input type="date" id="date1">

<label for="date2"> Checkout </label>
    <input type="date" id="date2">

<button type="button" id="btn1" required>Action</button>

js

let btn1 = document.getElementById('btn1');
let checkIn = document.getElementById('date1');
btn1.addEventListener('click', minDate);

function minDate(){
    let nowDate = new Date;
    if(checkIn.value < Date){

        alert("invalid date")
    }

}

如果日期早于今天，该函数会发出警报，但也会显示今天之后的任何日期的警报。

Answer 1

你好克里斯蒂。

为了验证我们的日期，我们必须首先将表单中的输入转换为 javascript Date objects .我们可以通过将输入传递给类的构造函数来做到这一点。之后，我们可以简单地比较值。

const btn1 = document.getElementById("btn1");
const checkIn = document.getElementById("date1");
btn1.addEventListener("click", minDate);

function minDate() {
  const checkInDate = new Date(checkIn.value);
  const nowDate = new Date();

  if (checkInDate > nowDate) {
    alert("Invalid date provided");
  }
}

<label for="date1"> Checkin </label>
<input type="date" id="date1">

<label for="date2"> Checkout </label>
<input type="date" id="date2">

<button type="button" id="btn1" required>Action</button>