ASP.NET Razor显示可空日期值遇格式不符问题求助

问题原因 #

浏览器的type="date"输入控件要求值必须为yyyy-MM-dd格式，但直接输出可空DateTime对象时，默认的ToString()会生成类似3/24/2023 12:00:00 AM的格式，不符合要求。此外，Model上的DisplayFormat属性默认仅在显示模式生效，编辑模式下不会自动应用。

解决方案1：使用EditorFor辅助方法（推荐） #

1. 更新Model属性：添加ApplyFormatInEditMode = true，让格式在编辑模式下生效：

[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? MovedInDate { get; set; }

2. 替换View中的输入控件：使用EditorFor辅助方法，它会自动应用格式并处理可空值：

@Html.EditorFor(m => m.Contacts[i].Address.MovedInDate, new { htmlAttributes = new { @class = "form-control", type = "date" } })

解决方案2：手动格式化值 #

如果希望保留原生input标签，直接在value属性中处理可空值并格式化：

<input class="form-control" type="date" name="[@i].Address.MovedInDate" 
       value="@(Model.Contacts[i].Address.MovedInDate.HasValue ? Model.Contacts[i].Address.MovedInDate.Value.ToString("yyyy-MM-dd") : "")">

• 当日期值不为空时，格式化为yyyy-MM-dd；为空时，设置value为空字符串，符合浏览器要求。

内容的提问来源于stack exchange，提问作者Mark C