Blazor-日期字符串格式化@bind:format

示例

在有些场景下我们可能需要绑定DateTime的数据类型,并根据我们的需要显示相应的日期格式,下来我们看看怎么设置数据的日期格式
我们先不做格式化处理看看默认的格式,看可以得到如下的结果

@page "/injectPage"
@rendermode InteractiveAuto
@inject ILogger<InjectPage> logger;
<h3>InjectPage</h3>
<input @bind="dateTime" />
@code {
    DateTime dateTime = DateTime.Now;
}

在这里插入图片描述

我们想只显示年月日,以-作为分割,我们对代码添加format

@page "/injectPage"
@rendermode InteractiveAuto
@inject ILogger<InjectPage> logger;
<h3>InjectPage</h3>
<input @bind="dateTime" @bind:format="yyyy-MM-dd" />
@code {
    DateTime dateTime = DateTime.Now;
}

在这里插入图片描述

这次我们就可以看到,日期被进行了格式化了。

.NET常用日期和时间格式

(1) y:年份,yy 表示 2 位数的年份,yy yy 表示 4 位数的年份。
(2) M:月份,M 表示 1 位数的月份,M M 表示 2 位数的月份。
(3) d:月份中的日,d 表示 1 位数的日,d d 表示 2 位数的日。
(4) h:12 小时制的小时,h 表示 1 位数的小时,hh 表示 2 位数的小时。
(5) H:24 小时制的小时,H 表示 1 位数的小时,H H 表示 2 位数的小时。
(6) m:分钟,m 表示 1 位数的分钟数,m m 表示 2 位数的分钟数。
(7) s:秒,s 表示 1 位数的秒数,ss 表示两位数的秒数。
(8) f:秒的小数部分。
(9) t:上午或下午标识(A M/ PM)。

往期推荐

Blazor-组件路由事件
Blazor-内置输入组件
Blazor-Ant Design of Blazor快速开始
Blazor-NavigationLock组件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

code-Study

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值