如何在ASP.NET Blazor的InputDate组件中设置最小日期？

可以设置最小日期，你遇到的原生min参数被忽略的问题，是因为.NET 6的InputDate组件默认不会透传原生HTML属性，下面是两种实用的解决方式：

方法一：用数据注解做表单验证（推荐，兼顾前后端） #

在你的模型属性上添加[Range]注解，指定允许的最小日期，这样既会在前端提交时触发验证提示，也能在后端做校验防止恶意输入：

public class YourItemModel
{
    // 限制StartDate不能早于2023-05-01
    [Range(typeof(DateTime), "2023-05-01", "9999-12-31", ErrorMessage = "开始日期不能早于2023年5月1日")]
    public DateTime StartDate { get; set; }
}

页面里的InputDate组件保持原有写法即可，当用户选择或输入早于指定日期的内容时，表单验证会自动提示错误信息。

方法二：通过@attributes传递原生min属性 #

如果想要直接在前端UI层面限制用户选择（比如日期选择器里灰掉早于指定日期的选项），可以用Blazor的@attributes特性把原生min属性传递到底层的<input type="date">元素上：

<InputDate @bind-Value="_newItem.StartDate" @attributes="new { min = "2023-05-01" }" />

或者提前定义属性字典，让代码更清晰：

@{
    var dateInputAttrs = new Dictionary<string, object> 
    { 
        { "min", "2023-05-01" },
        // 也可以同时加max属性限制最大日期
        { "max", "2024-12-31" }
    };
}
<InputDate @bind-Value="_newItem.StartDate" @attributes="dateInputAttrs" />

这种方式会让原生日期输入框直接限制可选范围，用户无法选择早于min的日期。

注意：建议两种方法结合使用，前端UI限制提升用户体验，后端数据注解验证保障数据安全。

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