首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角度材料日期选择器:空日期的自定义字段文本

角度材料日期选择器:空日期的自定义字段文本
EN

Stack Overflow用户
提问于 2020-10-22 17:51:06
回答 1查看 616关注 0票数 1

我使用的是角度材质日期选择器。如果输入值为空或null,是否可以在字段中显示自定义文本?我没有在Datepicker API中找到解决方案。

在我的用例中,用户可以为文章设置一个可选的发布日期。如果用户没有设置特定的发布日期(date为空),我想在输入字段中显示一个类似于"No release restriction“或"Release immediately”之类的文本。

谢谢你的帮助。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-22 18:00:25

假设您也在使用材料输入,那么您可以非常容易地管理日期输入的标签。

代码语言:javascript
运行
复制
<mat-form-field appearance="fill">
  <mat-label>YOUR LABEL or {{yourLabel}}</mat-label>
  <input matInput [matDatepicker]="picker">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

即使没有材质输入,您也可以管理输入的占位符,以便在输入为空时显示文本。

更进一步的一步是监听角度中的datepicker变化,如果您需要的不仅仅是文本字段,则可以动态添加/追加其他数据

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64479694

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档