angular - 禁用输入时，Angular Material matDatepicker 不适用于 ngForm ngSubmit

Question

我对 Angular Material matDatepicker 有疑问。

我发现如果我想在它上面使用 disabled 属性，在使用 ngSubmit 的时候是无法得到结果值的。

表示此代码有效：

    <mat-form-field>
      <input matInput [matDatepicker]="picker" required
        ngModel #datePress="ngModel" 
        name="datePress">
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
    </mat-form-field>

但这一个不起作用：

    <mat-form-field class="full-width">
      <input matInput [matDatepicker]="datepicker2" required disabled
        ngModel #newTourEndDate="ngModel"
            name="newTourEndDate">
      <mat-datepicker-toggle matSuffix [for]="datepicker2"></mat-datepicker-toggle>
      <mat-datepicker #datepicker2 disabled="false"></mat-datepicker>
    </mat-form-field>

是否有机会将 disabled 属性与 matDatePicker 和 ngForm 一起使用？

Answer 1

要获得禁用的输入值，您需要使用以下内容：

this.formGroup.getRawValue();
this.form.getRawValue();
this.form.form.getRawValue();