Javascript - 如何将 html 日期限制为今天的日期？

Question

有<input type=date>我的字段 html页。我正在尝试在 javascript 中创建一个函数如果选择了比今天大的某个日期，这将在该字段中设置今天的日期。实际上，我想将最大日期限制为今天的日期。这是 jsfiddle 中的代码.我做错了什么？

HTML:

<div class="entry">
    <label for="startDate">Start date:</label>
    <input id="startDate" name="startDate" type="date" oninput="validDate(startDate)">
</div>

Javascript:

function validDate(date) {
    todayDate = getTodaysDate();
    if (date > todayDate)
        document.searchForm["date"].value = todayDate;
}

function getTodaysDate(){
    date = new Date();
    day = date.getDate();
    month = date.getMonth() + 1;
    year = date.getFullYear();

    if (month < 10) month = "0" + month;
    if (day < 10) day = "0" + day;

    today = year + "-" + month + "-" + day; 

    return today;
}

Answer 1

您可以设置 max属性以将其限制为今天的日期:

document.getElementById('startDate').setAttribute('max', getTodaysDate());

参见 http://jsfiddle.net/4jCT6/1/