Estoy haciendo un proyecto personal de React.js . Estoy obteniendo una API y uno de los valores es una Epoch timestamp . Me gustaría representarlo como un tiempo legible por humanos como am/pm. La marca de tiempo de Epoch se representa después de un map . A continuación puedes ver el código:
{value.map((dog, c) => ( <div key={c}> <div><b>Race name:</b> {dog.Venue}</div> <div><b>Start time:</b> {dog.AdvertisedStartTime}</div> {dog.AdvertisedStartTime} representa un número como: 1641079080000 . Estos números son una hora en el futuro, por ejemplo, 1:30 p. m.
Puedes hacer algo como esto. Primero defina una función de ayuda para convertir Epoch a la configuración regional deseada y utilícela dentro del mapa. La función podría ser
function convertEpoch(value) { if (!value) { return '' } const time = new Date(Number(value)); if (isNaN(time.valueOf())) { return ''; } return time.toLocaleString("en-US", { hour: "numeric", minute: "numeric", hour12: true }); } Y úsalo en tu map como
{value.map((dog, c) => ( <div key={c}> <div><b>Race name:</b> {dog.Venue}</div> <div><b>Start time:</b> {convertEpoch(dog.AdvertisedStartTime)}</div>let yourTimestamp = 1641079080000, (any number) date = new Date(yourTimestamp * 1000), dateVal = [ date.getFullYear(), date.getMonth()+1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), ]; console.log(dateVal);Tenga en cuenta que: Horas - minutos y segundos dependen de la zona horaria de su sistema operativo. en diferentes zonas horarias puede ser cualquier cosa. Por lo tanto, puede agregar el desplazamiento de la zona horaria a la hora para crear la fecha GMT:
let myDate = new Date(); date = new Date(timestamp*1000 + myDate.getTimezoneOffset() * 60000)Este es un ejemplo de cómo podemos obtener el tiempo de una manera muy fácil.
let today= new Date().toLocaleTimeString(); consola.log(hoy);
entonces puedes probar este:
{value.map((dog, c) => ( <div key={c}> <div><b>Race name:</b> {dog.Venue}</div> <div><b>Start time:</b> {convertEpoch(dog.AdvertisedStartTime.toLocaleTimeString();)}</div>