动态设置matdatepicker字段中的日期值会影响反应式表单中的另一个matDatePicker字段日期

<mat-form-field>
  <input matInput [matDatepicker]="datepicker1" formControlName="date1">
  <mat-datepicker-toggle matSuffix [for]="datepicker1"></mat-datepicker-toggle>
  <mat-datepicker #datepicker1></mat-datepicker>
</mat-form-field>

<mat-form-field>
  <input matInput [matDatepicker]="datepicker2" formControlName="date2">
  <mat-datepicker-toggle matSuffix [for]="datepicker2"></mat-datepicker-toggle>
  <mat-datepicker #datepicker2></mat-datepicker>
</mat-form-field>

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  form: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.form = this.formBuilder.group({
      date1: [''], // 初始化日期字段1的表单控件
      date2: ['']  // 初始化日期字段2的表单控件
    });
  }
}

onDate1Change(event: any) {
  const selectedDate = event.value;
  // 根据需要进行日期转换等操作
  this.form.patchValue({
    date2: selectedDate // 更新第二个日期字段的值
  });
}

<input matInput [matDatepicker]="datepicker1" formControlName="date1" (change)="onDate1Change($event)">