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：将“您的信息”替换为您要显示的文字。

Answer 2

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

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

但是，如果您打算采用警报消息方法，则线程：Check if date is in the past Javascript正在执行您要查找的内容。

上一日期的日历验证

2 个答案: