Mudblazor DatePicker 绑定仅以一种方式工作

Posted 2023-03-27

【中文标题】Mudblazor DatePicker 绑定仅以一种方式工作

【英文标题】：Mudblazor DatePicker binding works one way only

【发布时间】：2021-04-16 23:24:51

【问题描述】：

我一直在尝试使用 Date 将 mudblazor datepicker 绑定到 DateTime 属性。

<MudDatePicker Label="Start Date" Date="@StartDate" />
<MudTextField Label="SelectedDate" @bind-Value="@StartDate" />
<MudText Typo="Typo.h3">Selected Date is: @StartDate</MudText>

@code
    
        public DateTime StartDate  get; set; 
        public string DateString  get; set; 
    

我已经在他们的 site 和 Visual Studio 中尝试过此代码 离开文本字段时，代码将更新日期选择器和我的文本输出，这是正常行为。但是，我想根据我选择的日期选择器更改文本。我已经尝试绑定日期和价值。两者都没有反映我所做的选择。

我已经检查了他们网站上的文档，除了我正在做的事情之外，没有任何关于如何处理绑定的内容。

如果有人知道如何在 mudblazor 中绑定日期选择器，请帮助。 谢谢

【参考方案1】：

对于任何对此感兴趣的人来说，答案是： Mudblazor 中的日期选择器只会绑定到可为空的 DateTime，我必须使用 @bind-Date。所以我应该工作的示例代码如下所示：

<MudDatePicker Label="Start Date" @bind-Date="@StartDate" />
<MudTextField Label="SelectedDate" @bind-Value="@StartDate" />
<MudText Typo="Typo.h3">Selected Date is: @StartDate</MudText>

@code
    
        public DateTime? StartDate  get; set; 
    

【讨论】：

与其他流程相比，流程相当奇怪！但是感谢分享，你为我节省了很多时间。