nfgor循环中的角度MatDatepicker

问题描述

我在Angular 9上使用Ionic5。我在ngfor循环中有一个matdatepicker。默认情况下，列表中有一个空白的matdatepicker。单击按钮后，我将在该列表中动态添加一个matdatepicker。我面临的问题是，如果有2个空白的matdatepicker，并且我在第一个中选择了一个日期，则相同的值会自动添加到第二个matdatepicker。

seldate(event: MatDatepickerInputEvent<Date>,index) {
    console.log('event.value: ',event.value);
    console.log('index: ',index);
    
    let temdate = new Date(event.value);
    let dt = moment(temdate,"x").format("DD-MMM-YYYY")
    let strdt = dt + " EDT"
    let fdt = (new Date(Date.parse(strdt))).toISOString();
    this.dates[index] = fdt;

  }

<div *ngFor="let dt of dates; let i = index" >
      <ion-row>
          <ion-col size="9" >
            <mat-form-field class="full-width">
                <mat-label>Date received</mat-label>
                <input matInput readonly [matDatepicker]="picker" (dateChange)="seldate($event,i)" (focus)="picker.open()" [value]="dt" (click)="picker.open()">
                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                <mat-datepicker #picker></mat-datepicker>
            </mat-form-field>
          </ion-col>
          <ion-col *ngIf="dates.length != 1" size="3">
              <input type="button" style="color:red" round (click)="Remove(dt)" value="Delete" class="dtPkrDelete"/>
          </ion-col>
      </ion-row>
    </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）