Hola,
Si requieren implementar un selector de fechas, que permita seleccionar multiples fechas en un solo campo en React, lo pueden hacer de la siguiente forma:
1. Primero instalen la librería MultipleDatePicker, con el comando:
npm install react-multiple-datepicker
2. Invocar el import:
import MultipleDatePicker from "react-multiple-datepicker";
3. Finalmente, crean su campo selector de fechas así:
return(
<Form.Field required>
<label>Mis fechas son:</label>
<div style={styles}>
<MultipleDatePicker onSubmit={datesSel => console.log("Las fechas seleccionadas son: ", datesSel)} />
</div>
</Form.Field>
)
Ya por fuera de la constante principal, crear está constante:
const styles = {
fontFamily: 'sans-serif',
textAlign: 'center',
};
Selector de fechas.
Múltiples fechas seleccionadas.
Fechas seleccionadas en el campo, con formato 'yyyy-MM-dd'.
Listo, eso es todo, solo queda desplegar y sale.
Basado en:
Código ejecutable:
0 comentarios :
Publicar un comentario