无法在 MVVM 中正确获取 UWP 行为中的 CalendarDatePicker

Question

UWP 应用非常简单。具有属性的 ViewModel 由包含 CalendarDatePicker 的页面绑定。

查看模型：

public class MainPageViewModel : INotifyPropertyChanged
{
    private DateTimeOffset date;

    public MainPageViewModel()
    {

    }

    public event PropertyChangedEventHandler PropertyChanged;

    public DateTimeOffset Date
    {
        get { return date; }
        set
        {
            date = value; 
            OnPropertyChanged();
        }
    }

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

页面：

<Page
x:Class="App2.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.DataContext>
    <local:MainPageViewModel />
</Page.DataContext>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <CalendarDatePicker />
</Grid>
</Page>

我运行这个应用程序，CalendarDatePicker 的行为符合预期。启动时未选择日期，显示“选择日期”字眼，展开时默认为今天的日期。

当我将 CalendarDatePicker Date 属性绑定到我的虚拟机的日期并运行应用程序时，日期默认为 1916 年 4 月 16 日。

我尝试将Date 设为可空，将绑定模式更改为TwoWay 以及许多其他方法均无济于事。

有没有人遇到过同样的问题？如何在 MVVM 中使用此控件？

Answer 1

当我将 CalendarDatePicker 日期属性绑定到我的虚拟机的日期并运行应用程序时，日期默认为 1916 年 4 月 16 日。

我不知道究竟是什么导致了问题，但它返回了一个Date，它比MinDate 更小。

当您在代码中设置日期时，该值受 MinDate 和 MaxDate 属性的约束。如果 Date 小于 MinDate，则该值设置为 MinDate。如果 Date 大于 MaxDate，则将该值设置为 MaxDate。

您可以参考 CalendarDatePicker class 来查看此内容，您认为 MinDate 是“1916 年 4 月 16 日”，而我现在是“3/15/1916 4:27:52 PM +08:00”。

但是我发现你的班级有问题@​​987654329@。

查看CalendarDatePicker.Date property会发现Date不是DateTimeOffset的类型，它的类型是Nullable<DateTimeOffset>。

这就是我的工作方式。 主页 XAML 代码：

<Page
    x:Class="CalendarDatePickerInMVVM.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CalendarDatePickerInMVVM"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <CalendarDatePicker x:Name="picker" HorizontalAlignment="Center"  Date="{x:Bind MainPageViewModel.Date}" />
        <TextBox x:Name="txt" VerticalAlignment="Bottom" HorizontalAlignment="Stretch" />
    </Grid>
</Page>

MainPage.cs 后面的代码：

public sealed partial class MainPage : Page
{
    private ViewModel.MainPageViewModel MainPageViewModel;
    public MainPage()
    {
        this.InitializeComponent();
        txt.Text = picker.MinDate + "......" + picker.MaxDate;
        MainPageViewModel = new ViewModel.MainPageViewModel();
    }
}

还有班级MainPageViewModel : INotifyPropertyChanged：

public class MainPageViewModel : INotifyPropertyChanged
{
    private System.Nullable<DateTimeOffset> date;

    public MainPageViewModel()
    {
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public System.Nullable<DateTimeOffset> Date
    {
        get { return date; }
        set
        {
            date = value;
            OnPropertyChanged();
        }
    }

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

如果你想给你的CalendarDatePicker一个默认值，你可以这样编码：

private System.Nullable<DateTimeOffset> date = new DateTime(2016, 3, 15);

Answer 2

我还没有使用过 CalendarDatePicker 和 MVVM，但根据你所说的判断，我认为 VM 中 Date 属性的值默认为某个值。然后，当绑定发生时，控件将该默认值解释为 1916 年 4 月 16 日。

尝试使 VM 中的 Date 可以为空（以匹配控件中属性的类型）并用所需的值预填充它以查看其行为方式。

如果你不能让它以任何方式与绑定一起工作，你可以尝试在后面的代码中为控件实现一个事件处理程序（也许this 处理程序会这样做）并在那里更新你的虚拟机