当禁用输入时，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>

有没有机会在matDatePicker和ngForm中使用disabled属性？

Answer 1

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

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