estoy trabajando con React con un ESTE datepicker
Defini el formato yyyy-mm-dd pero al parecer esto es solo de manera visual. Lo que necesito es solamente conseguir el año mes y día, pero lo que me trae es tambien la hora, minuto y segundo.
Hay alguna forma de obligarlo a que me entregue exactamente los 3 valores que necesito?
Este es el codigo que estoy usando actualmente
< MuiPickersUtilsProvider utils = { DateFnsUtils } >
<KeyboardDatePicker
autoOk
value={from}
onChange={(date: Date | null) => {
setItemTableByDate({
...itemTableByDate,
from: date, //Lo que seteo a mi state
});
}}
disableToolbar
variant="inline"
inputVariant="outlined"
format="dd/MM/yyyy" //Formato que necesito
margin="normal"
id="date-picker-inline"
name="technical_review_duedate"
/>
</MuiPickersUtilsProvider >
Si no se puede solo se me ocurre que en el onchange haga una funcion que tome una libreria como luxon, tome la fecha y solo saque esos 3 valores, pero la idea es que datepicker me lo entregue
Muchas gracias
onChange
es el objetoDate
en ese objeto tienes todos los datos que necesitas. El año, el mes y el dia, no hace falta que uses una libreria externa para obtener esos datos. Te comparto la documentacion del objetoDate
developer.mozilla.org/es/docs/Web/JavaScript/Reference/…DatePicker
especifica queonChange
le va a pasar a tu callback un objeto Date, si quieres que devuelva un string con un formato específico puedes crear un fork del repo y contribuir con esa feature. Aquí puedes leer cómo contribuir con el proyecto material-ui-pickers -> github.com/mui-org/material-ui-pickers/blob/next/… . Eso o puedes hacer una simple función que reciba el objeto Date y te devuelva el string que necesitas. (Seguramente está en stackoverflow) No creo que seas la primer persona en necesitar formatear una fecha. Saludos!