如何在EditorFor()中按CurrentUICulture格式化显示日期？

核心问题根源 #

HTML5 的 <input type="date"> 有两个关键特性，是导致你当前问题的核心：

1. 它的 value 属性必须严格遵循 ISO 8601 标准格式（yyyy-MM-dd），后端输出的其他格式会被浏览器直接忽略，进而采用默认显示格式。
2. 日期的最终显示格式由用户浏览器的系统区域设置决定，而非后端代码指定的格式。你看到的 MM/dd/yyyy 是浏览器默认的显示逻辑，和后端的 CurrentUICulture 配置无直接关联。

具体解决方案 #

1. 正确设置 input[type="date"] 的 value 值

无论使用原生 input 标签还是 HtmlHelper，都要将日期转换为 ISO 格式传入：

<!-- 原生 input 标签写法 -->
<input type="date" value="@Model.StartingDate.ToString("yyyy-MM-dd")" name="StartingDate" />

<!-- EditorFor 正确用法：指定 htmlAttributes 传递参数 -->
@Html.EditorFor(model => model.StartingDate, new { htmlAttributes = new { @type = "date", @value = Model.StartingDate.ToString("yyyy-MM-dd") } })

2. 让浏览器适配后端 CurrentUICulture 显示

若要让浏览器显示格式与后端 CurrentUICulture 一致，需通过 JavaScript 动态配置页面区域（浏览器原生显示依赖系统设置，无法直接通过后端控制）：

// 从后端获取当前文化代码（可通过 ViewBag 或隐藏域传递）
var currentCulture = '@CultureInfo.CurrentUICulture.Name';
// 设置页面根元素的语言属性
document.documentElement.lang = currentCulture;
// 为所有 date 类型输入框指定区域（部分浏览器支持）
document.querySelectorAll('input[type="date"]').forEach(input => {
    input.locale = currentCulture;
});

3. 使用自定义编辑器模板（推荐）

创建统一的 DateTime 编辑器模板，避免重复代码：

1. 在项目的 Views/Shared/EditorTemplates 目录下新建 DateTime.cshtml 文件
2. 写入以下内容：

@model DateTime?
@{
    var isoDate = Model.HasValue ? Model.Value.ToString("yyyy-MM-dd") : string.Empty;
    var culture = CultureInfo.CurrentUICulture.Name;
}
<input type="date" 
       value="@isoDate" 
       lang="@culture"
       name="@ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty)" 
       id="@ViewData.TemplateInfo.GetFullHtmlFieldId(string.Empty)" />

之后直接调用 @Html.EditorFor(model => model.StartingDate) 即可自动应用该模板。

4. 配置后端模型绑定的文化解析

确保后端接收日期时能正确解析对应格式，在项目启动配置中添加：

// ASP.NET MVC（Global.asax）
protected void Application_BeginRequest()
{
    var targetCulture = new CultureInfo(CultureInfo.CurrentUICulture.Name);
    targetCulture.DateTimeFormat.ShortDatePattern = "dd/MM/yyyy"; // 匹配你的需求格式
    Thread.CurrentThread.CurrentCulture = targetCulture;
    Thread.CurrentThread.CurrentUICulture = targetCulture;
}

// ASP.NET Core（Startup.cs）
services.Configure<RequestLocalizationOptions>(options =>
{
    var supportedCultures = new[]
    {
        new CultureInfo("en-GB"), // 示例文化，对应 dd/MM/yyyy
        new CultureInfo("zh-CN")
    };
    options.DefaultRequestCulture = new RequestCulture("en-GB");
    options.SupportedCultures = supportedCultures;
    options.SupportedUICultures = supportedCultures;
});

内容的提问来源于stack exchange，提问作者Gogo Dev