Saltar al contenido

Ejemplo de código de DatePicker @material-ui/pickers

Tenemos la solución a esta problema, o por lo menos eso pensamos. Si tienes alguna interrogante puedes escribirlo en el apartado de comentarios, para nosotros será un gusto ayudarte

Ejemplo 1: selector de fecha en material ui

const [effectiveSelectedDate, setEffSelectedDate] = useState();
const handleEffDateChange = (date,name) =>
        setEffSelectedDate(date);
    
<MuiPickersUtilsProviderutils=DateFnsUtils><KeyboardDatePickerfullWidthvariant='inline'placeholder='yyyy-MM-dd'format='yyyy-MM-dd'margin='normal'id='date-picker-inline'name='effectiveDate'value=effectiveSelectedDateonChange=handleEffDateChangeKeyboardButtonProps='aria-label':'changedate',/>MuiPickersUtilsProvider>

Ejemplo 2: material ui datepicke

import React,  Fragment, useState  from "react";
import  TextField  from "@material-ui/core";
import  MobileDatePicker, DesktopDatePicker, DatePicker  from "@material-ui/pickers";

function DatePickersVariants(props) 
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    <Fragment>
       handleDateChange(date)
        renderInput=props => <TextField...props/>
      />

       handleDateChange(date)
        renderInput=props => <TextField...props/>
      />

       handleDateChange(date)
        renderInput=props => <TextField...props/>
      />
    Fragment>
  );


export default DatePickersVariants;

Si aceptas, tienes la habilidad dejar un enunciado acerca de qué le añadirías a esta sección.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *