Чтобы не брать будущую дату в компоненте datepicker материала

Question

Я использую материал DatePicker компонент, я хочу ограничить будущие даты в DatePicker компонент, Во время серфинга я нашел решение решение1 , решение2 , но это решение подходит для обычного средства выбора даты. Но я хочу ограничить использование средства выбора даты. Если возможно, укажите решение в этом 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);
}