ASP.NET Core v2 Razor Pages：int字段绑定date输入框提交失败问题

嘿，这个问题我之前也碰到过，核心原因很明确：当你给int类型的FrDt字段标记[DataType(DataType.Date)]后，前端会生成HTML5的date输入控件，它提交的是ISO格式的日期字符串（比如"2024-05-20"），但ASP.NET Core的默认模型绑定器没办法直接把这个字符串转换成int类型，所以服务器端自然接收不到值。

下面给你两种可行的解决方案，按需选就行：

方案一：添加辅助属性（简单直接，适合单个字段） #

这种方式不用写复杂的绑定逻辑，通过一个额外的字符串属性接收前端日期值，再手动转换成int格式的FrDt。

模型修改： #

public class YourModel
{
    // 对应SQL中int类型的FrDt字段
    public int FrDt { get; set; }

    // 新增辅助属性，专门接收date输入框的值
    [DataType(DataType.Date)]
    public string FrDtDateString { get; set; }

    // 转换方法：把日期字符串转成你需要的int格式（这里假设是yyyyMMdd）
    public void ConvertFrDtToInt()
    {
        if (!string.IsNullOrWhiteSpace(FrDtDateString) && 
            DateTime.TryParse(FrDtDateString, out DateTime date))
        {
            FrDt = int.Parse(date.ToString("yyyyMMdd"));
        }
    }
}

Razor Page调整： #

把输入框绑定到新增的辅助属性：

<input asp-for="@Model.AgrRow.FrDtDateString" class="form-control" />

提交时处理转换： #

在你的Razor Page的OnPost方法里，调用转换方法再保存：

public IActionResult OnPost()
{
    if (ModelState.IsValid)
    {
        Model.AgrRow.ConvertFrDtToInt();
        // 这里写保存到数据库的逻辑
        return RedirectToPage("./Index");
    }
    return Page();
}

方案二：自定义模型绑定器（优雅复用，适合多个同类型字段） #

如果项目里有好几个int存日期的字段，自定义绑定器会更省心，让框架自动完成转换。

1. 编写自定义绑定器 #

public class DateStringToIntBinder : IModelBinder
{
    public Task BindModelAsync(ModelBindingContext bindingContext)
    {
        if (bindingContext == null)
            throw new ArgumentNullException(nameof(bindingContext));

        // 获取前端提交的日期字符串
        var valueResult = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);
        if (valueResult == ValueProviderResult.None)
            return Task.CompletedTask;

        bindingContext.ModelState.SetModelValue(bindingContext.ModelName, valueResult);
        string dateStr = valueResult.FirstValue;

        if (string.IsNullOrWhiteSpace(dateStr))
            return Task.CompletedTask;

        // 转换为DateTime后转成int格式（这里用yyyyMMdd，你可以改成和SQL匹配的格式）
        if (DateTime.TryParse(dateStr, out DateTime date))
        {
            int intDate = int.Parse(date.ToString("yyyyMMdd"));
            bindingContext.Result = ModelBindingResult.Success(intDate);
        }
        else
        {
            bindingContext.ModelState.TryAddModelError(bindingContext.ModelName, "请输入有效的日期格式");
        }

        return Task.CompletedTask;
    }
}

2. 创建绑定器提供器 #

public class DateStringToIntBinderProvider : IModelBinderProvider
{
    public IModelBinder GetBinder(ModelBinderProviderContext context)
    {
        if (context == null)
            throw new ArgumentNullException(nameof(context));

        // 只对int类型且标记了[DataType(DataType.Date)]的字段生效
        if (context.Metadata.ModelType == typeof(int) && 
            context.Metadata.DataTypeName == DataType.Date.ToString())
        {
            return new BinderTypeModelBinder(typeof(DateStringToIntBinder));
        }

        return null;
    }
}

3. 在Startup.cs注册绑定器 #

找到ConfigureServices方法，添加绑定器注册：

services.AddMvc(options =>
{
    // 把自定义绑定器放在最前面，优先使用
    options.ModelBinderProviders.Insert(0, new DateStringToIntBinderProvider());
})
.SetCompatibilityVersion(CompatibilityVersion.Version_2_2);

4. 模型和Razor Page保持原样 #

模型不用改：

public class YourModel
{
    [DataType(DataType.Date)]
    public int FrDt { get; set; }
}

Razor Page输入框也不用调整：

<input asp-for="@Model.AgrRow.FrDt" class="form-control" />

这样提交时，绑定器会自动把date输入框的字符串转换成int类型的FrDt，全程不用手动处理，非常方便。

⚠️ 重要提醒：不管用哪种方案，一定要确保你转换的int格式和SQL数据库中存储的格式完全一致（比如是yyyyMMdd、MMddyyyy还是其他），不然会导致数据错误哦！

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