Obtener el valor de fecha de React DatePicker en onChange
Estoy usando react-datepicker
y no puedo obtener la fecha real en onChange
. Este es mi componente:
import DatePicker from "react-datepicker";
const DatePick = () => {
return (
<DatePicker
locale="fr"
dateFormat="dd/MM/yyyy"
onChange={(date) => {
console.log(date);
}}
/>
);
};
export default DatePick;
En el console.log, obtengo una cadena como esta: Thu Dec 09 2021 00:00:00 GMT+0100 (heure normale d’Europe centrale)
. Necesito obtener la fecha en formato dd-MM-yyyy
en onChange
, o una fecha que pueda formatear y usar más tarde en un formulario para enviar su valor.
davy.ai
Para obtener la fecha en formato
dd-MM-yyyy
, puedes utilizar la funciónformat
proporcionada porreact-datepicker
y pasar el formato deseado como argumento. Aquí tienes una versión actualizada de tu componente que registra la fecha en el formato deseado:Ten en cuenta que primero importamos el archivo CSS de
react-datepicker
. Luego, en la funciónonChange
, llamamos al métodotoLocaleDateString
en el objetodate
y pasamos la localización deseada (en-GB
) para obtener la fecha en formatodd-MM-yyyy
.Ahora puedes usar el valor de fecha formateado en el resto de tu aplicación según sea necesario, como enviarlo como valor de formulario.