使用 Angular 日期管道。是否可以在占位符内格式化日期？答案

【问题标题】：Using Angular date pipe. Is it possible to format the date within the placeholder?使用 Angular 日期管道。是否可以在占位符内格式化日期？
【发布时间】：2020-12-26 08:14:03
【问题描述】：

我有一个表单，用户可以在其中更新他们提出的请求或帖子，我想在占位符内显示年月/日的日期，因为这是用户可以更新的字段之一.这是可行的吗？

<input type="text"
  id="needByDate"
  name="needByDate"
  id="needByDate"
  placeholder="request.needByDate"
  [(ngModel)]="request.needByDate" />

【问题讨论】：

你的占位符和模型是一样的，所以占位符永远不可见？只有存在时才会显示该值。
你可以像这样格式化占位符。 placeholder="{{datePlaceholder | date}}" 如果你想格式化不同的文本输入字段的值。还有一个实际的日期输入字段。 developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

标签： html angular date pipe transform

【解决方案1】：

考虑如下实现它：

<input type="text"
  id="needByDate"
  name="needByDate"
  id="needByDate"
  [placeholder]="request.needByDate | date"
  [(ngModel)]="request.needByDate" />

【讨论】：