0
170
ViewsQuiero borrar el valor del selector de fecha de entrada al hacer clic en el botón Borrar en reaccionar
Cuando el valor se establece con la propiedad defaultValue, se borra el campo, pero no cuando se usa la propiedad de valor. los detalles del paquete import { TextField} from '@material-ui/core';
2 answers
Answer question0
Siempre que no tenga el control marcado como required , onChange debería activarse en claro, entregándole una cadena vacía.
También tenemos que manejar ese caso correctamente. Probar la validez de la fecha y rechazar las fechas inválidas al establecerla en nulo quizás.
Con ese cambio, asegúrese de que formatDateAndTime maneje correctamente el caso en el que la fecha es nula y, por lo tanto, devuelva una cadena vacía.
<TextField type="datetime-local" value={formatDateAndTime(this.state.editedValue.startDateTime) } onChange={(date: any) => { const selectedDate = new Date(date.target.value); const sanitizedDate = isNaN(selectedDate) ? null : selectedDate; this.setState((prevState) => ({ editedValue: { ...prevState.editedValue, startDateTime: sanitizedDate } })); }} />0
Los problemas se deben a la propiedad requerida en el componente, lo eliminé y comenzó a funcionar bien. verifique este código codesandbox , intente agregar y eliminar la propiedad required y haga clic en el botón clear