ReactiveUI绑定WPF DatePicker异常：键盘修改日期未同步至绑定属性

这个问题我之前也碰到过，根源其实是WPF DatePicker的SelectedDate更新时机和你用的LostKeyboardFocus事件触发时机不匹配导致的，和ReactiveUI本身关系不大。

问题原因拆解 #

当你用键盘在DatePicker里输入日期时，WPF并不会立刻把输入的文本同步到SelectedDate属性——默认要等你按下回车，或者完全失去逻辑焦点（比如焦点移到另一个独立控件上）。而LostKeyboardFocus是键盘焦点事件，当你从DatePicker内部的TextBox移开键盘焦点时（比如点击DatePicker的其他区域），这个事件会先触发，但此时SelectedDate还没更新成你输入的新值，所以ReactiveUI绑定捕获到的还是旧值。等你第二次移出焦点时，SelectedDate已经完成了更新，所以同步就正常了。

可行的解决方案 #

1. 改用LostFocus事件绑定（最简单） #

把绑定里的LostKeyboardFocus换成逻辑焦点事件LostFocus，它会在DatePicker完成SelectedDate更新后触发：

this.Bind(this.ViewModel, x => x.MyDate, x => x.DPMyDate.SelectedDate, DPMyDate.Events().LostFocus)
    .DisposeWith(disposables);

2. 直接监听SelectedDate的变化（更可靠） #

不需要依赖焦点事件，直接用ReactiveUI的WhenAnyValue监听DatePicker的SelectedDate，只要它变化就同步到ViewModel：

this.WhenAnyValue(x => x.DPMyDate.SelectedDate)
    .Where(date => date.HasValue) // 过滤掉null的情况
    .BindTo(this.ViewModel, vm => vm.MyDate)
    .DisposeWith(disposables);

这种方式不管是用日历选择还是键盘输入，只要SelectedDate更新就会同步，完全避开焦点事件的坑。

3. 强制DatePicker在焦点丢失时立即提交值 #

如果一定要用LostKeyboardFocus，可以在事件触发时手动让DatePicker把输入的文本更新到SelectedDate：

// 先添加预览焦点丢失事件处理
DPMyDate.PreviewLostKeyboardFocus += (sender, e) =>
{
    var datePicker = sender as DatePicker;
    if (datePicker != null && !datePicker.IsDropDownOpen)
    {
        // 强制更新绑定源
        datePicker.GetBindingExpression(DatePicker.SelectedDateProperty)?.UpdateSource();
    }
};

// 再用原来的绑定
this.Bind(this.ViewModel, x => x.MyDate, x => x.DPMyDate.SelectedDate, DPMyDate.Events().LostKeyboardFocus)
    .DisposeWith(disposables);

验证建议 #

你可以先试试方案1，大部分情况下都能解决问题；如果还是有异常，方案2是最稳妥的，因为它直接绑定属性变化，不依赖事件时机。

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