angular - 角度マットの日付ピッカーが手動で日付を入力すると機能しない

Question

日付ピッカーにマテリアル日付ピッカーを使用しています。日付を手動で入力しようとしています

番号1を入力できた現在のシナリオでは、日付は01-JAN-2021となります

数値 2 を入力すると、コードを分析したときに日付が 2021 年 2 月 1 日と見なされますgetData。getData

ここに私のHTMLコードがあります

<mat-form-field>
    <input [disabled]="!enableEdit" (dateChange)="setChange(item2.dataName,'fpInDate')"
        matInput [matDatepicker]="i" placeholder="Choose a date"
        [value]="getData(item2.fpInDate)" name="{{i}}--{{n}}"
        [(ngModel)]="item2.fpInDate">
    <button mat-button *ngIf="item2.fpInDate" matSuffix mat-icon-button aria-label="Clear"
        (click)="item2.fpInDate=''">
        <mat-icon>close</mat-icon>
    </button>
    <mat-datepicker-toggle matSuffix [for]="i"></mat-datepicker-toggle>
    <mat-datepicker #i></mat-datepicker>
</mat-form-field>

データ取得方法:

getData(dates: any) {
   return new Date(dates);
}

SetChange メソッド:

setChange(dataName, dateType) {
   this.dataChanged = true;
   this.designData.push({ 
       DataName: dataName, 
       dateType: dateType, 
       countryCode: this.dialogData.pageValue.countryCode
   });
}

私はここで完全に立ち往生しています。ここで何が間違っているのか教えてください。

コードから ngmodel を削除すると、日付を確認して日付を編集できましたが、問題はテーブルで更新されていないことです。

チーム私はここで立ち往生しており、答えを得ることができません。私を導いてください