为了避免在重要的日期选择器组件中获取将来的日期

Question

我正在使用物料 datepicker 组件，我想限制 datepicker 组件中的将来日期，在浏览时我找到了解决方案 solution1 ， solution2 ，但是这些解决方案适合于普通日期选择器。但是我想限制日期选择器。如果可能，请提供解决方案在此 DEMO 中。

Answer 1

MatDatepickerInput为此拥有一个@Input

@Input()
max: D | null

请参见以下简短示例：

<mat-form-field>
  <input matInput [matDatepicker]="picker" [max]="tomorrow" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

TS文件：

tomorrow = new Date(); 
constructor() {
  this.tomorrow.setDate(this.tomorrow.getDate() + 1);
}