ts 文件和具有 [min] 属性的 html 文件之间的投标问题。 角 7

Question

我使用 Angular Cli 7.3.9

我有一个日期类型输入，它应该在它的日期选择器中根据当前日期从第二天开始显示。

这是我在 .ts 上所做的：

debugger
var minDateFinal ;
this.minDate = new Date();
this.minDate.setDate(this.minDate.getDate()+1)
minDateFinal = this.datePipe.transform(this.minDate,'yyyy-MM-dd') ;
console.log(minDateFinal);
debugger

这是我在 .Html 上所做的：

<input type="date" class="form-control" formControlName="dateDebut" [min]="minDateFinal">

当我咨询控制台时出现的问题我得到了正确的结果，但显示不起作用。 以下是了解我的问题的屏幕截图：

当我使用此代码覆盖属性 min 时：

<input type="date" class="form-control" formControlName="dateDebut" min="2020-10-02">

我得到：我想要什么

但是当我使用我所做的时它不起作用。

我得到：我得到什么

先感谢您。

Answer 1

那是因为当您在 ts 文件中进行日期初始化时，您的视图 (html) 尚未准备好，您必须使用 ngAfterViewInit()，因此在您的 ts 文件中：

minDateFinal;
minDate;

ngAfterViewInit() {
  this.minDate = new Date();
  this.minDate.setDate(this.minDate.getDate()+1)
  this.minDateFinal = this.datePipe.transform(this.minDate,'yyyy-MM-dd') ;
}