Html 根据角度中以前的日期选择器自动设置日期选择器值（setvalue）

我有两个日期选择器picker1和picker2。我想说的是，当我在picker1中选择一个日期时，picker2应该自动被选中，picker2中的日期应该是从picker1中的日期算起的60天

例如，如果其2021年3月1日在picker1中，则应为2021年4月29日在picker2

                    <td>
                        <mat-form-field>
                            <input matInput readonly [matDatepicker]="picker2" formControlName="enddate" 
                              placeholder="End Date">
                            <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
                            <mat-datepicker #picker2></mat-datepicker>
                        </mat-form-field>
                    </td>

我在stackoverflow中搜索了各种解决方案，但无法得到确切的解决方案。 如果你们知道，请帮忙

日期选择器1:

                       <td>
                          <mat-form-field >
                            <input matInput readonly [matDatepicker]="picker1" formControlName="startdate" 
                            (dateChange)="setDate($event.value)"placeholder="Start Date">
                            <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
                            <mat-datepicker #picker1></mat-datepicker>
                        </mat-form-field>
                    </td>

我已经创建了一个示例stackblitz justincase，如果你们需要一些东西来处理

---

Stackblitz:

使用

选择器1

中的

日期更改事件来通过绑定
值设置
选择器2

我创建了一个基本的stackblitz示例，用于删除
表单


注：2021年3月1日增加60，我就得到了2021年4月30日。因此，您可以尝试添加
59

    setDate(a) {
            this.datecheck = this.eventaddform.value.startdate+60
this.eventaddform.patchValue({
          expirydate: this.datecheck
    
    
        })
       }