将输入类型日期最小值设置为今天并给出验证错误答案

【问题标题】：Setting Input type date Minimum to Today and give validation error将输入类型日期最小值设置为今天并给出验证错误
【发布时间】：2018-12-09 23:03:08
【问题描述】：

我目前在我的插入表单上有这个日期选择器，但是我不确定如何将最小值设置为今天的日期，以及如果提交的日期早于今天的日期，如何接收错误消息。

对于这种情况，我只能使用 ASP 经典、HTML5 和 JQuery

请注意，我对 JQuery 的接触几乎为零，因此我不了解许多已经可用的解决方案。

<input type="date" name="expirydate" id="expirydate" size="60%"  required>

【问题讨论】：

标签： jquery html validation date asp-classic

【解决方案1】：

这是一种获取错误消息的方法，当所选日期小于今天的日期时会给出错误消息，并在所选日期大于今天的日期时获得成功消息。

我们可以使用日期函数getTime()根据通用时间返回指定日期的时间来解决这个问题。

在此处阅读有关日期函数的更多信息MDN

var date = document.getElementById('expirydate');
date.addEventListener('change', function(){
  var d = new Date();
  //console.log(d);
  var nd = new Date(this.value);
  
  if(new Date(this.value).getTime() <= d.getTime()){
    console.log("Error, Date must be greater than today");
  }
  else{
    console.log("success")
  }
})

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input type="date" name="expirydate" id="expirydate" size="60%"  required>  
</body>
</html>

【讨论】：

太好了，这个解决方案工作正常，我唯一要做的就是用我设置的 asp 错误消息系统替换 java 消息脚本。