设置输入类型日期最小值为今天并给出验证错误-Java 学习之路

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

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

N.B我对JQuery的曝光率为零，所以我不了解现有的许多解决方案 .

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

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>

回复于 2024-05-12T23:01:39+08:00

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

1 回答

相关问题