2

estoy recibiendo una fecha por medio de props, que viene de mi base de datos en mongo, la fecha viene de esta manera

2022-11-17T19:41:12.683Z

Lo que necesito es que me salga en un formato tipo dd/mm/yyyy, intente con el toLocaleDateString pero no me funciono alguna otra opción?

Dejo el codigo donde la estoy mostrando en pantalla

 <Divider>
          <Chip label={data.createdAt} />
        </Divider>

2 respuestas 2

2

Podrías utilizar el método slice() para extraer los primeros 10 caracteres de la fecha que obtienes, en este caso nos devuelve 2022-11-17; y ya con este resultado obtenido le damos el formato de dd/mm/yyyy con una expresión regular:

var date = '2022-11-17T19:41:12.683Z';

function format(date) {
  var result = date.slice(0, 10); // Nos devuelve => "2022-11-17"
  return result.replace(/^(\d{4})-(\d{2})-(\d{2})$/g, '$3/$2/$1');
}

console.log(format(date));

0

Normalmente esas fechas vienen de tipo string, para poder usar el metodo toLocaleDateString necesitas parsarlo a tipo Date.

Intenta hacer lo siguiente

 <Divider>
      <Chip label={new Date(data.createdAt).toLocaleDateString()} />
  </Divider>

Si te funciona entonces ya puedes optimizar la solucion.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.