reactjs - 格式化输入日期集

Question

您好我在显示并为我的输入日期提供合适的格式时遇到问题，当加载它通过我收到的道具值接收的页面时，我在 useEffect 中像这样传递它们：

   useEffect(() => {
         setUsuario(props.history.location.state);
    }, [])

我的 setUsuario 是：

const [usuario,setUsuario]= useState({
    usuEcode        : '',         
    usuName         : '',         
    usuDni          : '',         
    usuAddress      : '',         
    usuEmail        : '',         
    usuPassword     : '',         
    usuPhone        : '',         
    usuCelhphone    : '',         
    usuBirthday     : '',         
    usuId           : '',         
    usuIni          : '',         
    usuFin          : '',         
    usuUniversity   : '',         
    usuDegree       : '',         
    devId           : '',         
    recId           : '',            
    usuBasicAmount  : '',          
    payId           : '',            
    usuCuentabanco  : ''             
});

然后我尝试像这样在输入日期中显示它

<Input type="date" name="usuBirthday" value={usuario.usuBirthday} onChange={ingresarValoresMemoria} id="date" placeholder="" />

但是他在控制台中打印时没有向我显示它以这种方式向我显示值

2021-10-11T00:00:00

我怎样才能给它我的输入日期期望的格式并以这种格式“DD/MM/YYYY”显示它

标签： reactjsreact-hooksuse-effect

Answer 1

尝试使用矩库

// date should be 2021-10-11T00:00:00
const value = moment(usuario.usuBirthday).format('DD/MM/YYYY')
// value ==>  11/10/2021 
<Input ... value={value} ... />