如何在Razor Pages中修改用户输入日期格式且不影响后端存储？

需求：让用户以dd/MM/yyyy格式输入日期，后端保持原有日期存储逻辑（兼容现有功能）。

解决方案步骤 #

1. 给DTO属性添加日期格式注解 #

修改你的EmployeeDto，给OnboardDate加上DisplayFormat注解，指定编辑和显示时的格式为dd/MM/yyyy：

using System.ComponentModel.DataAnnotations;

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

    // 其他属性...
}

这个注解会告诉ABP的abp-input控件在编辑模式下使用指定格式渲染日期，同时允许用户按该格式输入。

2. 配置模型绑定支持多日期格式 #

ASP.NET Core默认的日期绑定只认yyyy-MM-dd，所以需要扩展模型绑定逻辑，让它能识别dd/MM/yyyy（同时兼容原有yyyy/MM/dd格式）。

在Program.cs中添加配置：

var builder = WebApplication.CreateBuilder(args);

// 其他服务注册...

builder.Services.AddRazorPages()
    .AddMvcOptions(options =>
    {
        // 插入自定义日期模型绑定器，支持多种格式
        options.ModelBinderProviders.Insert(0, new DateTimeModelBinderProvider(new[] { "dd/MM/yyyy", "yyyy/MM/dd", "yyyy-MM-dd" }));
    });

var app = builder.Build();

// 中间件配置...

app.Run();

自定义绑定器实现

创建以下两个类来处理多格式日期绑定：

using Microsoft.AspNetCore.Mvc.ModelBinding;
using System.Globalization;

public class DateTimeModelBinderProvider : IModelBinderProvider
{
    private readonly string[] _supportedFormats;

    public DateTimeModelBinderProvider(string[] supportedFormats)
    {
        _supportedFormats = supportedFormats;
    }

    public IModelBinder? GetBinder(ModelBinderProviderContext context)
    {
        if (context.Metadata.ModelType is typeof(DateTime) or typeof(DateTime?))
        {
            return new DateTimeModelBinder(_supportedFormats);
        }
        return null;
    }
}

public class DateTimeModelBinder : IModelBinder
{
    private readonly string[] _supportedFormats;

    public DateTimeModelBinder(string[] supportedFormats)
    {
        _supportedFormats = supportedFormats;
    }

    public Task BindModelAsync(ModelBindingContext bindingContext)
    {
        var inputValue = bindingContext.ValueProvider.GetValue(bindingContext.ModelName).FirstValue;
        if (string.IsNullOrWhiteSpace(inputValue))
        {
            return Task.CompletedTask;
        }

        if (DateTime.TryParseExact(inputValue, _supportedFormats, CultureInfo.InvariantCulture, DateTimeStyles.None, out var parsedDate))
        {
            bindingContext.Result = ModelBindingResult.Success(parsedDate);
        }
        else
        {
            bindingContext.ModelState.TryAddModelError(
                bindingContext.ModelName,
                $"无效日期格式，请使用：{string.Join(", ", _supportedFormats)}");
        }

        return Task.CompletedTask;
    }
}

3. 还原Razor页面代码 #

不需要手动设置value属性，ABP会自动根据DTO的注解渲染输入框：

<abp-column size-md="_4" size-sm="_12">
    <abp-input asp-for="@Model.Employee.OnboardDate" label=@L["ContractStart"]></abp-input>
</abp-column>

错误原因 #

你之前手动设置value为dd/MM/yyyy格式，但ASP.NET Core默认绑定逻辑不识别该格式，导致验证失败。通过上述配置，前端可以正常接受dd/MM/yyyy输入，后端能正确解析为DateTime类型，数据库存储的日期值完全不受影响（数据库中DateTime是按时间戳/二进制存储，不存在所谓的“存储格式”，原有功能自然兼容）。

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