No necesitas usar una librería para trabajar con el Objeto Date de Javascript. Lo que debes hacer es usar correctamente el estándar UTC.
En tu pregunta planteas que las fechas se almacenan en tu servidor con zona horaria neutra (UTC). Cuando un cliente realiza una petición a tu servidor, recibe el valor de la fecha en dicho formato, pero el navegador interpreta este valor en el formato de la fecha y hora local del sistema. A menos que el sistema se encuentre en zona horaria neutra (y sin cambios de horario por verano) la fecha se mostrará con el valor de la fecha local del sistema.
Por ejemplo:
// La siguiente fecha está en formato UTC:
const fechaUTC = new Date(Date.UTC(2020, 6, 10, 0, 0, 0 ,0));
// La siguiente fecha está en formato Local:
const fechaLocal = new Date(2020, 6, 10, 0, 0, 0 ,0);
// fecha UTC:
console.log(fechaUTC);
//fecha Local:
console.log(fechaLocal);
.as-console-wrapper {
min-height: 100%;
top: 0;
}
Dependiendo de la zona horaria en la que te encuentres, el valor de fechaLocal
variará, sin embargo, el valor de fechaUTC
será el mismo para cualquier zona horaria que tenga el cliente.
Pero ¿porqué la fecha almacenada usando el formato Local, no coincide con los valores introducidos al constructor?
Allí es donde entra el estándar UTC y la implementación del Objeto Date de Javascript:
La fecha se mide en milisegundos desde la media noche exacta del 01 de enero de 1970 en formato UTC.
Cuando generas una fecha usando el formato local del cliente, la misma será almacenada como el valor en milisegundos en formato UTC, independientemente de la zona horaria, es por ello, que una fecha en formato UTC al ser presentada en el cliente será convertida al formato local del cliente, añadiendo o quitando horas de acuerdo a la zona horaria del mismo.
SOLUCIÓN
Supongamos que recibes la siguiente cadena de fecha desde el servidor:
const fechaRecibida = new Date('Fri Jul 24 1987 00:00:00 GMT+0000');
Si tu cliente se encuentra en el horario UTC-5:00, la fecha recibida será mostrada en el formato local, es decir se le restarán 5 horas a la fecha recibida, quedando como:
'Thu Jul 23 1987 19:00:00 GMT-0500 (<valor de zona horaria>)'
Veamos un ejemplo:
const fechaRecibida = new Date('Fri Jul 24 1987 00:00:00 GMT+0000');
// Se muestra en UTC
console.log(fechaRecibida.toUTCString());
//Se muestra en la zona horaria local:
console.log(fechaRecibida.toString());
.as-console-wrapper {
min-height: 100%;
top: 0;
}
Esto provoca que al intentar obtener el día de dicha fecha, el valor no coincidirá con el que nos devuelve nuestro servidor.
Dicho de otra forma, se obtendrá el valor correspondiente a la zona horaria usada por el cliente. Siendo la misma 5 horas menos que la zona UTC, el día obtenido será un número menor al almacenado en el servidor.
Por ejemplo:
// fecha en zona horaria UTC-05:00
const fecha = new Date('Fri Jul 10 2020 19:00:00 GMT-0500');
let diaLocal = fecha.getDate();
let diaUTC = fecha.getUTCDate();
console.log(`El día de la fecha local es: ${diaLocal}`); // mostrará 10 para zonas horarias negativas
console.log(`El día de la fecha UTC es: ${diaUTC}`); // mostrará 11 independientemente de la zona horaria.
// mostrará la fecha en la zona horaria del cliente
console.log(fecha.toString());
// mostrará la fecha en la zona horaria UTC
console.log(fecha.toUTCString());
.as-console-wrapper {
min-height: 100%;
top: 0;
}
Sabiendo este comportamiento, es fácil entonces escribir un método que dada una fecha en zona horaria UTC, devuelva el valor de la misma con formato DD-MM-YYYY cuyos valores correspondan al horario UTC y no al horario del cliente.
Tu método podría lucir así:
const formatDateUTC = (dateString) => {
let fecha = new Date(dateString);
const dia = fecha.getUTCDate().toString().padStart(2,'0');
const mes = (fecha.getUTCMonth() + 1).toString().padStart(2,'0');
const year = fecha.getUTCFullYear().toString();
return `${dia}-${mes}-${year}`;
}
const fechaRecibida = 'Fri Jul 24 1987 00:00:00 GMT+0000';
const fechaLocal = 'Thu Jul 23 1987 19:00:00 GMT-0500';
console.log(formatDateUTC(fechaRecibida)); // 24-07-1987
console.log(formatDateUTC(fechaLocal)); //24-07-1987
.as-console-wrapper {
min-height: 100%;
top: 0;
}
Espero que esto te ayude a solucionar el problema.