Angular 8: Как исправить значения formcontrol в mat-datepicker с проверкой даты [min] и значением даты formcontrol меньше, чем дата [min]? - PullRequest
Новая
       3

Angular 8: Как исправить значения formcontrol в mat-datepicker с проверкой даты [min] и значением даты formcontrol меньше, чем дата [min]?

0 голосов
/ 27 мая 2020

Как исправить значения formcontrol в mat-datepicker с [min] Date validation и formcontrol date меньше, чем [min] Date?

вот html. 

<label class="label input-form-label">Date:</label>
<span class="input-group-addon" (click)="picker.open();">
  <input [matDatepicker]="picker" [min]="today" type="text" class="input-form" formControlName="date">
  <div class="datepicker-icon-div" style="right: 30px;">
    <i class="fa fa-calendar"></i>
  </div>
</span>
<span>
  <mat-datepicker #picker></mat-datepicker>
</span>

вот reactive form. 

today = new Date(); // suppose todays date is 27-05-2020 
pastDate = new Date(2020, 05, 24);

this.form = this.fb.group({
  date: [this.today, Validators.required]
})

patchFormValue(){
  this.form.patchValue({
    date: this.pastDate
  })
}

Я хочу отключить прошлые даты из matdatepicker, поэтому я добавил к нему проверку [min]. Но я тоже хочу исправить прошлую дату. Есть ли другой способ отключить даты или исправить прошлую дату?

1 Ответ

0 голосов
/ 27 мая 2020

In Js Месяц индексируется нулем, поэтому May == 4

Обратитесь

https://stackblitz.com/edit/angular-ivy-aeasyj

...