Búsqueda de sitios web

html - establecer el valor del selector de fecha automáticamente basado en el selector de fecha anterior en angular(setvalue)


Tengo dos selectores de fecha picker1 y picker2. Lo que estoy tratando de hacer es que cuando seleccione una fecha en picker1, picker2 se seleccione automáticamente y la fecha en picker2 sea 60 días después de la fecha en picker1

Por ejemplo, si es 1 de marzo de 2021 en picker1, debería ser 29 de abril de 2021 en picker2

He buscado diversas soluciones en StackOverflow pero no pude encontrar la solución exacta. Por favor, ayúdenme si la conocen.

Selector de fecha1:

                       <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>

Selector de fecha2

                    <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>

Mi ts

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

He creado un ejemplo en Stackblitz por si acaso ustedes necesitan algo con lo que trabajar

Stackblitz: https://stackblitz.com/edit/angular-date-picker-sample-fr-h19bes?file=app%2Fapp.component.html

Respuesta #1

Usa el evento dateChange de picker1 para configurar picker2 vinculando value

He creado un ejemplo básico de Stackblitz eliminando Forms

DEMOSTRACIÓN

PD: al sumar 60 al 01 de marzo de 2021 me dio 30 de abril de 2021. Así que puedes intentar sumar 59