Question

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

在这种情况下，我只能使用ASP经典版，HTML5和JQuery

N.B我几乎没有接触过JQuery，所以我不了解许多可用的解决方案。

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

Answer 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>

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

1 个答案: