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') ;
}