与mat-date-range-input一起使用时,即使设置了错误,也不会显示mat-error

时间:2020-07-23 08:46:42

标签: html angular angular-material mat-datepicker mat-error

我有以下日期范围选择器:

<mat-form-field>
     <mat-label>Label</mat-label>
          <mat-date-range-input
            [rangePicker]="picker">
            <input formControlName="dateRangeFrom" id="dateRangeFrom" matStartDate
              placeholder="From">
            <input formControlName="dateRangeTo" id="dateRangeTo" matEndDate
              placeholder="To">
          </mat-date-range-input>
          <mat-error *ngIf="filterForm.controls.dateRangeFrom.hasError('matDatepickerParse')">
            Parse Error
          </mat-error>
          <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
          <mat-date-range-picker #picker></mat-date-range-picker>
        </mat-form-field>

即使控件有错误,并且在调试时hasError返回true,也不会显示mat-error。当我将其放在表单域之外时,确实会显示它,但是那当然不是我想要的。知道为什么会这样吗?

0 个答案:

没有答案