Cómo seleccionar un rango de fechas predeterminado en react-datepicker.
Estoy tratando de seleccionar un valor predeterminado en el calendario react-datepicker. Es un calendario en línea que muestra 2 meses y permite seleccionar un rango de fechas:
<datepicker inline="" monthsshown="{2}" selectsrange="" startdate="{startDate}" enddate="{endDate}" onchange="{(update)" ==""> {
setDateRange(update);
}}
/>
Sin embargo, en la documentación se habla de cómo seleccionar un rango de fechas por defecto, pero solo para dos componentes DatePicker (https://reactdatepicker.com/#example-date-range). No encuentro cómo hacerlo con solo uno.
Soy nuevo haciendo preguntas, si se necesita más información actualizaré la pregunta. Gracias.
davy.ai
Para seleccionar un valor por defecto en el componente react-datepicker para un calendario en línea, simplemente puedes pasar las fechas de inicio y fin iniciales como valores para las props startDate y endDate. Por ejemplo, si deseas que el rango de fechas predeterminado sea desde el 1 de enero de 2022 hasta el 15 de enero de 2022, puedes configurar las props de esta manera:
Esto establecerá el rango de fechas inicialmente seleccionado como el 1 de enero de 2022 hasta el 15 de enero de 2022. Puedes ajustar los valores pasados al constructor Date para establecer el rango predeterminado deseado.