Angular - 将最小/最大日期设置为 html 中的当前日期

Question

我的项目中有一个日期输入，我想将最小/最大日期设置为当前日期。如何在 Angular 6 中实现这一目标？

我试图添加let date = new Date();到我的 ngOnInit 并将 HTML 文件中的最大值添加到，{{this.date}}但它不会禁用未来的日期。

HTML

<input type="date" formControlName="dob" class="form-control" id="dob" max="{{this.date}}">

TS

ngOnInit() {
  let date = new Date;
}

Answer 1

保持你的方式：

<input type="date"  class="form-control" id="dob" max="{{date | date:'yyyy-MM-dd'}}">

您需要管道日期以遵循input格式。