Javascript - 如何將html日期限制爲今天的日期？

Question

我的html頁面有<input type=date>字段。我試圖在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/

Answer 2

這裏有一個更新的擺弄這對我的工作（在Chrome/Windows中，至少）：

http://jsfiddle.net/nFHLn/4/

的JavaScript：

function validDate(date, theInput) { 
    var date = document.getElementById("startDate").value; 
    todayDate = getTodaysDate(); 
    if (date > todayDate) 
     theInput.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; 
} 

HTML：

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