Estoy tratando de tomar una fecha de cadena AAAA-MM-DD y pegarla en un objeto de fecha para trabajar con matDatePicker. El problema es que muestra la fecha de ayer. Investigué un poco y descubrí que el problema es que Date almacena objetos como UTC y luego los convierte a la zona horaria actual.
Omitiría el uso de la fecha por completo, excepto que quiero usar matDatePicker. Sin embargo, debido a que la fecha solo se carga en la interfaz, realmente no importa si es precisa más adelante (no se guarda como una fecha y hora, para mi disgusto). ¿Cómo cargo un objeto Fecha con un año, mes y día y lo configuro en la zona horaria actual de los usuarios? No controlo en qué zona horaria estará el usuario, así que busco algo independiente de la zona horaria (es decir, no puedo simplemente agregar 6 horas de manera constante).
Si está intentando convertir una fecha con el formato YYYY-MM-DD , ¿de dónde obtiene la zona horaria del usuario? Una cadena ISO generalmente contiene +0000 al final de la cadena donde las últimas partes son la zona horaria. De todos modos, supongo que en realidad tienes una cadena ISO.
El problema es que cuando analiza Date objs, quiere convertir la hora en relación con su hora local. Cuando usa la hora UTC, elimina la zona horaria de los usuarios.
Entonces, lo que podríamos hacer es tomar la fecha y hora inicial de los usuarios.
let s = "2022-03-21T11:22:33+0000"; let d = new Date(Date.parse(s)); // Methods on Date Object will convert from UTC to users timezone // Set minutes to current minutes (UTC) + User local time UTC offset d.setMinutes(d.getMinutes() + d.getTimezoneOffset()) // Now we can use methods on the date obj without the timezone conversion // my local time is: "2022-03-21T07:22:33.000Z" console.log(d) // "2022-03-21T09:22:33.000Z"