DatetimePicker 不更新 SelectedDate

Question

我遇到了 WPF DatePicker 的问题。

表单上有两个DatePicker 控件，基于StaticResource DateTheme。 DateTheme 看起来像：

<ResourceDictionary>
    <Style TargetType="{x:Type DatePicker}" x:Key="DateTheme" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type DatePicker}">
                    <DatePicker DisplayDate="{TemplateBinding Property=DisplayDate}" SelectedDate="{TemplateBinding Property=SelectedDate}" Background="#353340" Foreground="Black"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

DatePicker 看起来像：

<DatePicker x:Name="dtpFrom" Style="{StaticResource DateTheme}" />
<DatePicker x:Name="dtpTo" Style="{StaticResource DateTheme}" />

DateTheme 包含在 app.xaml 中：

<ResourceDictionary Source="DateTheme.xaml" />

但在选择新日期并单击按钮后，代码中仍会使用旧日期。 SelectedDate 不会在控件中更新。

这里SelectedDate 仍然是旧日期，而新选择的日期显示在屏幕上：

if (dtpFrom.SelectedDate > dtpTo.SelectedDate)

在标准DateTimePicker 控件中选择新日期时如何实际更改SelectedDate？

Answer 1

它不起作用，因为TemplateBinding 不支持双向绑定。

TemplateBinding 是针对模板场景的优化形式的 Binding，类似于使用 {Binding RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay} 构造的 Binding。 TemplateBinding 始终是单向绑定，即使涉及的属性默认为双向绑定。

如果您使用相对源绑定到TemplatedParent，它会起作用（但不要这样做）。

<Style TargetType="{x:Type DatePicker}" x:Key="DateTheme" >
   <Setter Property="Template">
      <Setter.Value>
         <ControlTemplate TargetType="{x:Type DatePicker}">
            <DatePicker DisplayDate="{Binding DisplayDate,  RelativeSource={RelativeSource TemplatedParent}}"
                        SelectedDate="{Binding SelectedDate, RelativeSource={RelativeSource TemplatedParent}}"
                        Background="#353340"
                        Foreground="Black"/>
         </ControlTemplate>
      </Setter.Value>
   </Setter>
</Style>

但是，这不是正确的方法。您不应该将DatePicker 放在自己的控件模板中。控件模板应该由基本元素构建，以构成控件的视觉外观，而不是控件本身。这可能会由于递归而导致错误。

在这种情况下也没有必要，因为带有两个 setter 的简单样式会得到相同的结果。

<Style TargetType="{x:Type DatePicker}" x:Key="DateTheme" >
   <Setter Property="Background" Value="#353340"/>
   <Setter Property="Foreground" Value="Black"/>
</Style>