Angular 10反应式重置角材料日期选择器不起作用

时间:2020-07-16 05:46:51

标签: angular angular-material

我的应用程序在Angular 10中,我正在使用反应形式,并且我有Angular材质日期选择器,我正在动态设置[max]值。我该如何重置棱角材质的日期选择器。

我使用了这段代码,但是它没有重置验证

   this.taskForm.controls['TaskReminderDate'].reset();

也尝试过

  this.taskForm.get('TaskReminderDate').reset();

component.html:

    <mat-form-field id="taskreminderdate" appearance="outline" class="reminderdatefield" *ngIf="isReminderRequired">
                      <input matInput [matDatepicker]="TaskReminderDate" placeholder="Reminder date *" [min]="sDate"  [max]="mDateReminder" formControlName="TaskReminderDate">
                        <mat-label>Reminder date *</mat-label>
                        <mat-datepicker-toggle matSuffix [for]="TaskReminderDate"></mat-datepicker-toggle>
                        <mat-datepicker #TaskReminderDate></mat-datepicker>
                    </mat-form-field>

我今天选择的第一个选项,并将TaskReminderDate的[max]设置为今天。

enter image description here

我选择16是我今天的意思。现在,我单击选项二,选项二重置提醒日期选择器,并将所有选项的最大值设置为明天,最小值为今天 因为我在第一个选项中选择了“今天”,所以今天选择了16(今天可以使用),但是当我选择“ 17”(明天可以提供验证错误)时,请参见选项2的图片

enter image description here

我在这里选择了16个

enter image description here

当我选择17时会出现验证错误,请参见下图

enter image description here

0 个答案:

没有答案