HTML-5 日期字段在 Chrome 中显示为 "mm/dd/yyyy"，即使设置了有效日期

Question

我刚刚将 ASP.Net MVC 应用程序升级到 MVC-4。基于 DateTime 值的输入字段编辑器现在包括 HTML-5 type="date" 属性/值声明。

现在，在 Chrome 中查看时，我的日期输入在输入字段中显示为“mm/dd/yyyy”:

即使我使用 value 属性传入格式正确的日期:

<input value="2012/10/02" type="date"/>

我仍然在输入框中得到“mm/dd/yyyy”，直到用户手动更改该值为止。

问题似乎出在 Chrome 上，与我的后端框架无关。实际查看此问题:jsFiddle

...当然是编辑记录的大问题。如果用户调出一条已经有有效日期的记录，它将不会在提交时通过验证，除非他/她单击该字段并手动重置该值。

其他浏览器没有问题。

这是 Chrome 的错误吗？还是我错过了 HTML-5 日期字段的工作方式？

更新
请参阅此修改 fiddle :http://jsfiddle.net/HudMe/5/它有一个 HTML-4 和一个 HTML-5 日期输入，每个日期输入都将“10/01/2012”设置为页面加载时的值。

单击任一日期字段。Javascript 应使用该元素的字段值发出警报。

因为已使用 value 属性传入有效日期，所以应该显示“10/01/2012”，但在 Chrome 中，对于 HTML-5 日期字段，什么也没有显示。手动重置此值，然后再次单击，它现在将显示。

在 Safari、Firefox、IE 和 Opera 页面加载后，HTML5 字段的值按预期显示和提醒，无需调整。

关于已接受答案的注释:
对于 Asp.net mvc-4 的其他用户，您可以使用 View 模型中 DateTime 字段声明的 [DisplayFormat] 属性调整显示格式。 (在 https://stackoverflow.com/a/12634470/613004 找到)

Answer 1

在 chrome 中设置你需要做的值 YYYY-MM-DD 我猜是因为这有效:http://jsfiddle.net/HudMe/6/

因此，要使其正常工作，您需要将日期设置为 2012-10-01