Blazorise Blazor中无法设置TimePicker初始值的问题

排查与修复步骤 #

1. MVVM场景下的绑定逻辑校验 #

如果用MVVM模式绑定，必须确保ViewModel的属性实现INotifyPropertyChanged接口，且在UI渲染前完成赋值：

private TimeSpan _cashOrderExecutionTime;
public TimeSpan CashOrderExecutionTime
{
    get => _cashOrderExecutionTime;
    set
    {
        _cashOrderExecutionTime = value;
        OnPropertyChanged(nameof(CashOrderExecutionTime));
    }
}

// 在ViewModel构造函数中初始化值
public YourViewModel(AppSetting appSetting)
{
    CashOrderExecutionTime = appSetting.CashOrderExecutionTime.TimeOfDay;
}

XAML绑定需明确指定双向模式（部分场景默认并非双向）：

<TimePicker Time="{Binding CashOrderExecutionTime, Mode=TwoWay}" />

2. 后台实例化控件的时机调整 #

如果是直接后台创建TimePicker再添加到布局，先将控件加入可视化树，再赋值：

// 先把控件添加到布局容器
yourLayout.Children.Add(timePicker);
// 再设置初始时间
timePicker.Time = appSetting.CashOrderExecutionTime.TimeOfDay;
// 若仍不生效，强制触发UI刷新
timePicker.ForceLayout();

3. 可空TimeSpan的特殊处理 #

如果使用TimeSpan?类型，要避免初始值为null导致显示异常，赋值时设置兜底默认值：

// 当源值为null时，默认设为00:00
timePicker.Time = appSetting.CashOrderExecutionTime?.TimeOfDay ?? TimeSpan.Zero;

XAML中可配置空值显示文本优化体验：

<TimePicker NullDisplayText="请选择时间" Time="{Binding CashOrderExecutionTime}" />

4. 移动平台生命周期适配（MAUI/Xamarin场景） #

部分移动平台对控件初始化存在延迟，可在页面OnAppearing生命周期方法中完成赋值：

protected override void OnAppearing()
{
    base.OnAppearing();
    timePicker.Time = appSetting.CashOrderExecutionTime.TimeOfDay;
}

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