如何在Blazor中设置DateEdit组件的DateFormat日期格式？

适配你当前使用的 DevExpress Blazor DateEdit（属性匹配度最高） #

直接添加DisplayFormat（展示态格式）、EditFormat（编辑态格式）两个参数硬编码指定格式即可，如需完全脱离系统区域影响，额外指定Culture参数即可。
修改后的代码如下：

@* 先在页面顶部引入命名空间 *@
@using System.Globalization

<DateEdit id="dateOfBirth" 
          TValue="DateTime?" 
          Class="form-control" 
          Date="BiographicalInformationData.DateOfBirth" 
          DateChanged="OnDateOfBirthChanged"
          DisplayFormat="yyyy-MM-dd"
          EditFormat="yyyy-MM-dd"
          Culture="@CultureInfo.GetCultureInfo("zh-CN")" >
</DateEdit>

• 格式字符串可根据需求调整，比如yyyy/MM/dd、dd/MM/yyyy、yyyy年MM月dd日都可以直接写死
• Culture参数指定后不会再跟随系统区域设置变更格式，确保全局固定

其他主流Blazor UI库日期选择器设置方法 #

• MudBlazor MudDatePicker：使用Format参数指定格式

  <MudDatePicker Format="yyyy-MM-dd" T="DateTime?" Date="@BiographicalInformationData.DateOfBirth" DateChanged="@OnDateOfBirthChanged" />
  

• Ant Design Blazor DatePicker：使用Format参数指定格式

  <DatePicker Format="yyyy-MM-dd" Value="@BiographicalInformationData.DateOfBirth" ValueChanged="@OnDateOfBirthChanged" />
  

• Radzen Blazor DateEdit：使用Format参数指定格式

  <RadzenDateEdit Format="yyyy-MM-dd" TValue="DateTime?" Value="@BiographicalInformationData.DateOfBirth" ValueChanged="@OnDateOfBirthChanged" />
  

• 原生Blazor InputDate组件：不支持自定义显示格式，本质是调用浏览器原生日期选择器，格式跟随浏览器设置，如需自定义格式建议使用第三方UI库组件

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