es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo mostrar la fecha actual en el control de entrada basado en la zona horaria?

14 Jul, 2023 Programación

Tengo un control de entrada con startAt=”CalendarDate” donde quiero mostrar la fecha actual basada en la zona horaria. El control está mostrando la fecha de ayer. Por favor, indícame cómo corregir esto.

<input matinput="" [matdatepicker]="picker" [(ngmodel)]="SelectedDate" [min]="minDate" startat="CalendarDate" (datechange)="getByDate()" readonly="readonly">
<mat-datepicker #picker="" [(ngmodel)]="SelectedDate"></mat-datepicker>

calDate = this.CommonService.GetDateTimeByTimeZone().subscribe(tz => {
    this.timezoneDate = tz;
    this.SelectedDate = moment(this.timezoneDate).format("YYYY-MM-DD");
});
CalendarDate = this.calDate;
Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para corregir el problema que hace que el control de entrada muestre la fecha de ayer en lugar de la fecha actual según la zona horaria, debes actualizar el atributo startAt en el control de entrada a startAt=”timezoneDate”. Esto asegurará que el control de entrada muestre la fecha actual según la zona horaria. Además, asegúrate de actualizar la variable timezoneDate para que contenga la fecha actual según la zona horaria antes de establecerla como valor SelectedDate. Aquí tienes un fragmento de código actualizado:

    <input matinput="" [matdatepicker]="picker" [(ngmodel)]="SelectedDate" [min]="minDate" startat="timezoneDate" (datechange)="getByDate()" readonly="readonly">
<mat-datepicker #picker="" [(ngmodel)]="SelectedDate"></mat-datepicker>

this.timezoneDate = this.CommonService.GetDateTimeByTimeZone().subscribe(tz => {
   this.timezoneDate = tz;
   this.SelectedDate = moment(this.timezoneDate).format("YYYY-MM-DD");
});

Comments are closed.