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

Question

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

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

N.B 我对 JQuery 的了解为零或很少，所以我不理解许多已经可用的解决方案。

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

Answer 1

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

我们可以使用日期函数getTime()，其中returns指定日期的时间根据世界时来解决。

在此处阅读有关日期函数的更多信息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>

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

Setting Input type date Minimum to Today and give validation error

html

validation

jquery

date

asp-classic