En mis datos JSON analizados, tengo una fecha que se muestra así:
SessionStartTime: "2022-04-14T08:30:00-07:00" y así es como se imprime en mi HTML.
¿Cómo separo y cambio este formato y obtengo la hora y la muestro así "8:30 - 7:00" y la fecha así "14/04/2022"? ¿Es posible trabajar con la cadena analizada tal como está o debería convertirse primero al tipo de fecha y luego cambiar su formato?
Hay varios enfoques posibles.
Los siguientes 2 proporcionados se basan en la división, ya sea una o dos veces.
El primero se basa en una expresión regular en la que se puede recuperar del resultado dividido un fragmento de fecha, una hora y una zona no válidos. A partir de ahí, ya se puede volver a ensamblar la cadena de resultados a través del formato de cadena de configuración regional y un literal de plantilla.
console.log( `"2022-04-14T08:30:00-07:00".split(/([+-]*\d{2}:\d{2})/) ...`, "2022-04-14T08:30:00-07:00".split(/([+-]*\d{2}:\d{2})/) ); const [ dateFragment, time, _, zone, ] = "2022-04-14T08:30:00-07:00".split(/([+-]*\d{2}:\d{2})/); console.log({ dateFragment, time, zone }); console.log( 'end result ...', `${ new Date(dateFragment.slice(0, -1)).toLocaleDateString('en-US') } ${ time } ${ zone }` ); .as-console-wrapper { min-height: 100%!important; top: 0; } O : en lugar de new Date(...).toLocaleDateString('en-US') y ensamble la cadena de resultados también a través de un literal de plantilla.
const [ dateFragment, time, _, zone, ] = "2022-04-14T08:30:00+02:00".split(/([+-]*\d{2}:\d{2})/); console.log({ dateFragment, time, zone }); const [ year, month, date, ] = dateFragment.slice(0, -1).split('-'); console.log({ year, month, date }); console.log( 'end result ...', `${ month }/${ date }/${ year } ${ time } ${ zone }` ); .as-console-wrapper { min-height: 100%!important; top: 0; } También existe la posibilidad de hacer coincidir/capturar las partes relevantes mediante una sola expresión regular como, por ejemplo... /(?<date>\d{4}-\d{2}-\d{2})T(?<time>\d{2}:\d{2}):\d{2}(?<zone>[+-]\d{2}:?\d{2})/ .
Esta expresión regular utiliza grupos de captura con nombre, y una solución basada en este enfoque podría parecerse a la siguiente proporcionada...
// see ... [https://regex101.com/r/sYzrA7/1] const regXCaptureDataTimeAndZone = /(?<date>\d{4}-\d{2}-\d{2})T(?<time>\d{2}:\d{2}):\d{2}(?<zone>[+-]\d{2}:?\d{2})/; const { date, time, zone, } = regXCaptureDataTimeAndZone .exec("2022-04-14T08:30:00-07:00") ?.groups ?? {}; console.log({ date, time, zone }); console.log( 'end result ...', `${ new Date(date).toLocaleDateString('en-US') } ${ time } ${ zone }` ); .as-console-wrapper { min-height: 100%!important; top: 0; }Podría trabajar con la cadena, pero creo que sería más fácil simplemente llamar a date.parse
Date.parse(date).toLocaleDateString('en-US')