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