Blazor Razor页面初始化时如何为日期字段设置最小值

问题出在HTML input[type="date"] 的min属性要求ISO 8601格式的字符串（如2024-05-20），而你直接绑定了DateTime对象，Blazor默认不会自动将DateTime转换为符合要求的格式，导致浏览器无法识别min属性，因此限制不生效。

正确的两种实现方式： #

方式1：直接在模板中格式化日期

将DateMin转换为ISO格式字符串后绑定到min属性：

<input type="date" id="startdate" name="trip-start" @bind-value=@DateFromValue min="@DateMin.ToString("yyyy-MM-dd")" />

方式2：通过字符串属性间接绑定

在代码块中定义一个返回ISO格式字符串的属性，避免模板内的格式化逻辑：

<input type="date" id="startdate" name="trip-start" @bind-value=@DateFromValue min="@DateMinIso" />

@code {
    private DateTime DateFromValue { get; set; } 
    private DateTime DateMin { get; set; }
    private DateTime DateToValue { get; set; }
    // 自动返回ISO格式的最小日期字符串
    private string DateMinIso => DateMin.ToString("yyyy-MM-dd");
    
    protected override async Task OnInitializedAsync()
    {
        // 用DateTime.Today代替DateTime.Now，只保留日期部分更准确
        DateMin = DateTime.Today;
        DateFromValue = DateTime.Today;
        DateToValue = DateTime.Today.AddDays(1);
    }
}

额外说明： #

• 你尝试的@bind-min、@bind:min等写法都是错误的，Blazor并未为input的min属性提供双向绑定支持（min本身是单向限制属性，不需要双向绑定）。
• 使用DateTime.Today而非DateTime.Now可以避免包含时间部分，确保日期格式的纯粹性。

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