如何比较 HTML 中的两个日期？

Question

这是我的代码：

<input type="date" name="startDate" id="startDate" />
<input type="date" name="endDate" id="endDate" />

我希望 startdate 不超过 endDate。有没有一种方法可以不使用 jQuery 来比较日期？与 ASP.NET 一样，我们可以使用 CompareValidator。

Answer 1

您需要为此使用 JavaScript。

function compare()
{
    var startDt = document.getElementById("startDate").value;
    var endDt = document.getElementById("endDate").value;

    if( (new Date(startDt).getTime() < new Date(endDt).getTime()))
    {
        // Your code here
    }
}

<input type="date" name="endDate" id="endDate" onblur="compare();"/>

同时进行必要的空值验证。