Estoy usando React y tengo componentes en DatePicker .
Actualmente, cuando selecciono una fecha en DatePicker, solo puedo obtener la fecha previamente seleccionada para imprimir en la consola, por lo que cuando accedo por primera vez a la página web, siempre me dice la fecha predeterminada del 1 de enero de 2021 en lugar de la fecha que seleccioné.
¿Cómo puedo hacer que el selector de fechas muestre la fecha seleccionada y no la seleccionada anteriormente?
mi código:
import DatePicker from "react-datepicker"; const [startDate, setStartDate] = useState(new Date()); const [endDate, setEndDate] = useState(new Date()); const handleChange = date => { const valueOfInput = date; console.log(valueOfInput) }; <div> From <DatePicker selected={startDate} onChange={(v => setStartDate(v))} dateFormat="yyyy-MM" showMonthYearPicker showFullMonthYearPicker showTwoColumnMonthYearPicker todayButton="Today" maxDate={new Date()} placeholderText='Results from:' defaultDate={''}/> To <DatePicker selected={endDate} onChange={(v => setEndDate(v))} dateFormat="yyyy-MM" showMonthYearPicker showFullMonthYearPicker showTwoColumnMonthYearPicker todayButton="Today" maxDate={new Date()} placeholderText='Results to:' defaultDate={''}/> </div> Seleccionando una fecha como febrero de 2011, actualmente produce: Fri Jan 01 2021 14:49:33 GMT-0500 (Eastern Standard Time)
pero cuando hago clic en eso, debería producir: Fri Feb 01 2011 14:49:33 GMT-0500 (Eastern Standard Time)
Creo que nos falta algo de información, los componentes de Datepicker hacen referencia a una variable de fecha de inicio que no veo definida en ninguna parte.
Pero para responder a tu pregunta.
¿Qué sucede si renderiza solo un componente Datepicker? Tal vez el registro de 1 de los componentes en lugar del otro.