Question

我知道关于此主题还有一些问题，但是它们要么不清楚，要么正在使用input[type="text"]。

在我的HTML表单中，我输入的是日期类型。所以现在我要确保出生日期有效（日期不在将来！）。我该怎么做？

Answer 1

这些评论提出了许多方法，但是对于您要实现的特定功能，大多数方法都不过分。这只需要简单的比较操作。

document.getElementById("check").addEventListener("click", function(e){
  // Create a date variable which stores the current day at 00:00 local time.
  let today = new Date();
  today.setHours(0,0,0,0);

  // Parse the provided date in the default YYYY-MM-DD format.
  let birthdate = new Date(document.getElementById("birthdate").value);

  // Check whether the provided date is equal to or less than the current date.
  if (birthdate <= today) {
  	document.getElementsByTagName("span")[0].textContent = "Valid!";
  } else {
  	document.getElementsByTagName("span")[0].textContent = "Invalid!";
  }
});

<input type="date" id="birthdate"/>
<button id="check">Check</button>
<span></span>

如何使用input [type =“ Date”]验证javascript中的出生日期？

1 个答案: