在没有提交表格的情况下检查日期是否过去

Question

我有这个代码,我想检查过去的日期.我希望在表单提交之前输入日期后立即检查.

<input id="datepicker" onchange="checkDate()" required class="datepicker-input" type="text" data-date-format="yyyy-mm-dd" >

<script type="text/javascript">
 function checkDate() {
   var selectedDate = document.getElementById('datepicker').value;
   var now = new Date();
   if (selectedDate < now) {
    alert("Date must be in the future");
   }
 }
</script>

这不起作用,如果我输入过去的日期(例如2014-12-03),它不显示警报.

Answer 1

您需要做的就是<input>使用Date构造函数将生成的字符串转换为Datenew Date("2014-06-12")

 function checkDate() {
   var selectedText = document.getElementById('datepicker').value;
   var selectedDate = new Date(selectedText);
   var now = new Date();
   if (selectedDate < now) {
    alert("Date must be in the future");
   }
 }

<input id="datepicker" onchange="checkDate()" required class="datepicker-input" type="date" data-date-format="yyyy-mm-dd" >