在HTML5日期輸入中設置日期

Question

我試圖在使用ajax和javascript的HTML5日期輸入中主動設置日期。我有一個ajax/php調用，它以格式「YYYY-MM-DD」的形式返回我想要的字符串變量的日期。我似乎無法完成這項工作。這是我的嘗試：

var myDate = "2013-07-10" //actually is returned by my ajax call, but same idea 

//set the date value 
var thisDate = new Date(); 
thisDate.setFullYear(parseInt(workout_date.split("-")[0])); 
thisDate.setMonth(parseInt(workout_date.split("-")[1])-1); 
thisDate.setDate(parseInt(workout_date.split("-")[2])); 

document.getElementById("date_input").value = thisDate; 

我沒有收到任何錯誤，但我的日期輸入只是保持在默認值（mm/dd/yyyy）。任何人都知道我在做什麼錯了？謝謝！

Answer 1

您試圖將日期的值設置爲Date對象。但是，date input，像其他的投入，只能接受字符串：

如果用戶代理提供了一種選擇日期的用戶界面，則該值必須設置爲一個有效的日期串代表用戶的選擇。 [強調添加。]

在這種情況下，myDate代表有效的日期字符串，因此您可以直接使用它。