asp.net - 日期字段在 Chrome 浏览器中不显示值

Question

我在 Chrome 浏览器中绑定日期值时遇到问题。

我的剃刀视图定义如下

<input id="date1" type="text" class="required" value="@Model.Date.ToShortDateString()"  maxlength="10" />

<input id="date2" type="date" class="required" value="@Model.Date.ToShortDateString()"  maxlength="10" />

我在 Chrome 下运行它，第一个输入显示日期值正确。第二个输入仅显示 mm/dd/yyyy，即使当我单击向下箭头时显示日历。

我想让第二个输入字段显示值而不是 mm/dd/yyyy

Answer 1

在 HTML5 中使用 new <input type="date" ...时，需要传递 ISO 格式的值，即yyyy-MM-dd. 因此，将您的标记更改为：

<input id="date2" type="date" class="required" value="@Model.Date.ToString("yyyy-MM-dd")"  maxlength="10" />