angular - Angular matdatepicker 手动输入未按预期工作

Question

团队，

我正在尝试在 angular mat datepicker 中手动输入日期。使用我当前的代码，我可以在其中输入数字 1，并且在日期选择器中将其设为 2021 年 1 月 1 日。不允许在那里输入整个日期

那是因为我在 Value 中有方法，所以它正在采用该方法。所以我正在尝试的是我有两个日期选择器，如果当用户单击日期选择器中的关闭按钮时，我必须显示另一个日期。

HTML 代码

   <div *ngFor="let item2 of item.trialDesignElement;let i =index; let n = index">
 <mat-form-field>
   <input (dateChange)="setChange(item2.Name,'firstInDate')" matInput
      [matDatepicker]="i" placeholder="Choose a date" [value]="getData(item2.firstInDate)"
       name="{{i}}--{{n}}">
   <button mat-button *ngIf="item2.firstInDate" matSuffix mat-icon-button aria-label="Clear"
      (click)="item2.firstInDate='' && show = !show">
      <mat-icon>close</mat-icon>
   </button>
   <mat-datepicker-toggle matSuffix [for]="i"></mat-datepicker-toggle>
   <mat-datepicker #i></mat-datepicker>
 </mat-form-field>
<ng-container *ngIf="show">
   <mat-form-field>
      <input matInput [matDatepicker]="dup" placeholder="Choose a date" name="{{i}}--{{n}}"
          [(ngModel)]="item2.firstInDate">
       <mat-datepicker-toggle matSuffix [for]="dup"></mat-datepicker-toggle>
       <mat-datepicker #dup></mat-datepicker>
    </mat-form-field>
 </ng-container>
</div>

TS代码： -

  show = true;

这是我在点击关闭按钮之前看到的日期选择器。