Estoy trabajando en una aplicación React de reserva de citas donde un maestro puede establecer su horario de oficina virtual en forma de franja horaria.
let availability = ["09:00", "17:00"]; // from 9 AM to 5 PM local timeDado que esta hora es local para el profesor, me gustaría almacenarla como hora UTC en el formato ISO 8601 para que, si un alumno se encuentra en una región diferente, pueda analizarla en el cliente y mostrar esta hora en su zona horaria correspondiente. .
Intenté usar la función de parse de date-fns@2.22.1 así
parse('09:00', 'HH:mm', new Date()); // => Wed Jan 01 0020 00:00:00 GMT-0456 (Eastern Daylight Time)Pero esto no devolvió la hora en mi zona horaria (Hora estándar central).
¿Hay alguna manera de representar este intervalo de tiempo local en UTC?
No estoy seguro si este es el resultado deseado
const inputTime = "09:00"; const outputDate = new Date(new Date().toJSON().slice(0, 10) + " " + inputTime).toUTCString(); console.log(outputDate);Llegué a una solución inspirada en @Anas Abdullah Al. Aquí hay dos funciones simples que se convertirán tanto de UTC como de la hora local del usuario.
const format = window.dateFns.format; const convertLocalToUTC = (localTime) => { if (!localTime) { throw new Error("Time can't be empty"); } return new Date(`${new Date().toJSON().slice(0, 10)} ${localTime}`) .toISOString() .slice(11, 16); }; const convertUTCToLocal = (UTCTime) => { if (!UTCTime) { throw new Error("Time can't be empty"); } const currentUTCDate = new Date().toISOString().substring(0, 10); const inputUTCDateTime = `${currentUTCDate}T${UTCTime}:00.000Z`; return format(new Date(inputUTCDateTime), "HH:mm"); }; const UTCTime = "14:00"; const localTime = "09:00"; console.log(convertLocalToUTC(localTime)); // 14:00 UTC console.log(convertUTCToLocal(UTCTime)); // 09:00 CST <script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/2.0.0-alpha0/date_fns.min.js"></script>Espero que esto ayude a alguien más.