将输入类型日期与当前日期进行比较

Question

<input type="date" name="bday" id="biday" required>

我必须从用户的输入类型日期字段中获取日期，如果输入的日期大于当前日期，我必须在警报框中打印一些错误。我尝试了各种方法，但没有一个适用于输入类型日期。我尝试使用两个变量，一个存储当前日期，第二个获取日期输入元素的值 `

var startDate = Date(document.getElementByID('biday').value);
    var today = new Date();
    if (startDate > today) {
        alert("The first date is after the second date!");

`。有人可以帮我完成任务的程序吗？

Answer 1

getElementByID 有一个小错误，应该是 getElementById

还可以将日期字符串作为 MYSQL 格式 'YYYY-MM-DD' 进行比较，因此您实际上可以直接将两个值作为字符串进行比较。

 '2017-12-1' < '2017-12-3'
 // true

如果您使用其他格式进行操作，您可以创建一个新的日期对象并将其解析为时间戳，如下所示：

// Receives a date String or Object
// and returns the aprox TimeStamp
function valueifyDate(date){
    if(typeof date == 'object'){
    return date.getTime();
  }else{
    return new Date(date).getTime();
  } 
}

var bday = document.getElementById('birthday');
bday.addEventListener("change", function(e){
  var today = new Date();
  if(valueifyDate(today) < valueifyDate(e.target.value)){
    console.log("younger than today");
  }
})

https://jsfiddle.net/jbnLx3v3/

Answer 2

这是另一种方式。

HTML

 <input type="date" id="dval" value="" />
 <button onclick="test()">TEsting</button>

JS

 function test() {
     var q = new Date();
     var date = new Date(q.getFullYear(),q.getMonth(),q.getDate());
     var mydate = new Date(document.getElementById('dval').value);

     if(date > mydate) {
        alert("Current Date is Greater THan the User Date");
     } else {
        alert("Current Date is Less than the User Date");
     }
  }

DEMO

注意： Firefox 或 Internet Explorer 11 及更早版本不支持 type="date"。

Answer 3

要检查startDate 中是否有日期，最好使用Date.parse（在Date 构造函数中隐式使用）并比较检查它是否不是NaN。如前所述，您需要使用today.getTime() 获取与时间对应的数值。然后你可以比较解析的startDate和today.getTime()。它也应该是getElementById 而不是getElementByID。请参阅下面的更正代码：

function compareDates() {
  var startDate = Date.parse(document.getElementById('biday').value);
  var today = new Date();
  if (!isNaN(startDate) && startDate > today.getTime()) {
    alert("The first date is after the second date!");
  }
}

<input type="date" name="bday" id="biday" required onchange='compareDates()'>

Answer 4

您的代码中有很多错误，例如 getElementByID 应该是 getElementById 并且您没有从输入中获取 value 等等。查看下面的 sn-p 以供参考。

function checkDate() {

  var startDate = new Date(document.getElementById('biday').value);
  var today = new Date();
  if (startDate.getTime() > today.getTime()) {
    alert("The first date is after the second date!");
  }  
}

<input type="date" name="bday" id="biday" required>
<input type="submit" value="check" onclick="checkDate()">