在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表示有效的日期字符串，因此您可以直接使用它。