日期字段在 Chrome 浏览器中不显示值

Posted 2023-03-05

【中文标题】日期字段在 Chrome 浏览器中不显示值

【英文标题】：Date field does not display the value in Chrome browser

【发布时间】：2013-08-11 23:55:37

【问题描述】：

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

【问题讨论】：

请给我一些代码好吗？

没有代码就不会出错:D

我编辑了你的问题。您发布的代码只是 html，您没有缩进将其视为代码，因此它不可见。

【参考方案1】：

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

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

【讨论】：

尊敬的专家，按照您的解决方案，我如何在其他浏览器中显示日期 dd-mm-yyyy。

@karim_fci - 听起来你在问一个不同的问题。请打开一个新问题，而不是在 cmets 中提问。谢谢。