.NET 7.0 Blazor中使用nullable DateTime时InputDate组件异常？

问题原因 #

升级到.NET 7后，原生InputDate<DateTime?>组件内部在设置type属性时发生类型转换错误，导致抛出指定转换无效的异常。

解决方案 #

方案1：自定义组件模板 #

直接在使用InputDate时指定自定义渲染模板，绕过内部的类型处理逻辑：

<InputDate TValue="DateTime?" @bind-Value="YourNullableDateProperty">
    <Input>
        <input type="date" @bind="CurrentValueAsString" />
    </Input>
</InputDate>

方案2：创建自定义Nullable InputDate组件 #

继承原生InputDate<DateTime?>，重写渲染逻辑以避免类型转换问题：

using Microsoft.AspNetCore.Components.Forms;

public class NullableInputDate : InputDate<DateTime?>
{
    protected override void BuildRenderTree(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder builder)
    {
        builder.OpenElement(0, "input");
        builder.AddAttribute(1, "type", "date");
        builder.AddAttribute(2, "value", BindConverter.FormatValue(CurrentValueAsString));
        builder.AddAttribute(3, "onchange", EventCallback.Factory.CreateBinder<string>(this, val => CurrentValueAsString = val, CurrentValueAsString));
        builder.CloseElement();
    }
}

使用时替换原生组件：

<NullableInputDate @bind-Value="YourNullableDateProperty" />

方案3：临时替代方案（不推荐） #

改用非可空DateTime类型，初始值设为DateTime.MinValue，在业务逻辑中通过判断该值来模拟空值处理：

public DateTime YourDateProperty { get; set; } = DateTime.MinValue;

// 业务判断
if (YourDateProperty == DateTime.MinValue)
{
    // 视为空值处理
}

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