上一个日期的日历验证[重复]

Question

如果用户从日历中选择了以前的日期，我需要能够添加验证（警报框）。

今天的日期是13/11/2015。如果用户选择12/11/2015，它应该显示一个警告框，上面写着"Please enter a valid date."

我在网上查过，似乎找不到与此有关的任何内容。

这可以用 javascript 完成吗？

<input type="date" id="leaveDate">
<script>
     alert("Please enter a valid date.");
</script>

Answer 1

考虑到您需要 javascript 中的解决方案，您可以尝试使用 onchange 函数。

<input type='date' onchange="validateDate()" id='mydate'></input>

<script>
function validateDate() {
    var userdate = new Date(document.getElementById("mydate").value).toJSON().slice(0,10);
    var today = new Date().toJSON().slice(0,10);
    if(userdate < today){
      alert('Your message');
    }
}
</script>

PS：将“Your message”替换为您要显示的文字。

Answer 2

如果您不希望用户选择过去的日期，那么我建议您使用 datepicker 像这样禁用它：

$("#mydate").datepicker({ minDate: 0 });

但是，如果您打算执行警报消息方法，那么线程：Check if date is in the past Javascript 正在执行您正在寻找的操作。