Html 使用mat日期选择器插入时日期无效

当以

dd/mm/yyyy

格式输入插入日期时，该字段无效，使我的表单无效，不允许保存记录

但如果我使用datePicker并插入日期，则该字段将变为有效

即使我使用datePicker，并且在使用datePicker将值插入到输入中后，复制值并粘贴到输入中是无效的

只有当我使用datePicker时，日期才有效。。。我无法以

dd/mm/yyyy

格式插入日期

日期选择器正在以输入格式插入日期，格式为

dd/mm/yyyy

，我在输入格式中键入了日期，格式为

dd/mm/yyyy

，但该日期被视为无效

只有在输入中键入日期时才会出现问题，只有通过日期选择器在输入中插入日期，该日期才有效

myform.ts:

this.formBuilder.group({
            date: [''],
        });
   ........................

<mat-form-field fxFlex>
    <input matInput [matDatepicker]="DatePicker" formControlName="date" name="date" placeholder="Date">
    <mat-datepicker-toggle matSuffix [for]="DatePicker"></mat-datepicker-toggle>
    <mat-datepicker touchUi="true" #DatePicker></mat-datepicker>
</mat-form-field>

myform.html:

this.formBuilder.group({
            date: [''],
        });
   ........................

<mat-form-field fxFlex>
    <input matInput [matDatepicker]="DatePicker" formControlName="date" name="date" placeholder="Date">
    <mat-datepicker-toggle matSuffix [for]="DatePicker"></mat-datepicker-toggle>
    <mat-datepicker touchUi="true" #DatePicker></mat-datepicker>
</mat-form-field>

因为我的表单非常大，所以在保存记录时，我只列出了导致我出现问题的原因