为什么在Chrome中日期字段显示不出来，是配置问题还是浏览器兼容性问题？

本文共计180个文字，预计阅读时间需要1分钟。

在Chrome浏览器中遇到日期值绑定问题。我的刀片视图定义如下：

我在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

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

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