如何将昨天的日期作为出现在 mat-datepicker 中的日期 - angular 素材

Question

我想更新并使昨天的日期显示为 mat-datepicker 中的日期。

我尝试通过以下方式实现它，但没有成功。 我的代码 -

app.component.html

<mat-form-field class="example-full-width" [floatLabel]="hideLabel">
                <input matInput [formControl]="onlineDate" name="onlineDate" [max]="currentDate"  
                  [matDatepicker]="picker" required placeholder="Online Date "
                  autocomplete="off" />
                <mat-datepicker-toggle matSuffix [for]="picker">
                </mat-datepicker-toggle>
                <mat-datepicker #picker></mat-datepicker>
                
              </mat-form-field> 

app.component.ts

export class ApplicantComponent implements OnInit, AfterViewInit {
  onlineDate: FormControl;
  currentDate = new Date();
  today = new Date()
  yesterday = new Date();


 constructor(
       this.onlineDate = new FormControl(this.yesterday.setDate(this.yesterday.getDate() - 1))
  }

}

使用上面的代码，我无法显示任何日期。 截图供参考-

Answer 1

MatDatePicker 采用一个@Input() value修饰属性。 它不在模板的日期选择器中。

尝试添加这个：

<input matInput [value]="onlineDate" 
    [formControl]="onlineDate" name="onlineDate" [max]="currentDate"  
    [matDatepicker]="picker" required placeholder="Online Date "autocomplete="off" />

Answer 2

我通过放置解决了我的问题 -

 constructor(
       this.onlineDate = new FormControl(new Date(new Date().setDate(new Date().getDate() + 1)));

  }