You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在MudBlazor日期选择器中支持多种日期格式?

让MudDatePicker支持多种自定义日期格式

要让现有MudDatePicker支持指定的多种日期输入格式,只需为组件添加InputFormats属性并传入格式数组即可,修改后的完整代码如下:

<MudDatePicker @bind-Date="model.Date"
               Validation="@(_modelValidator.ValidateValue)"
               For="@(() => model.Date)"
               Editable="true" Margin="Margin.Dense" Label="Lab Out" Variant="Variant.Outlined"
               InputFormats='new string[] { "MM/dd/yyyy", "M/d/yy", "M/dd/yyyy", "MM/d/yyyy", "M/dd/yy", "MM/d/yy" }'></MudDatePicker>

关键说明

  • InputFormats属性用于定义组件可接受的日期输入格式列表,传入的数组包含了所有需要支持的格式
  • 原有组件的绑定、验证、样式等配置保持不变,确保功能不受影响

内容的提问来源于stack exchange,提问作者Sunil Kumar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 23:32:32