Javascript 事件处理程序上的日期选择器日期未更改
我使用的是material UI datepicker,我遵循了该过程,但在事件处理程序上,日期没有改变,但初始值工作正常,我在useState中给出了该值。当我想要选择我想要的日期时,我希望我的日期选择器能够顺利工作。Datepicker的示例也在链接中Javascript 事件处理程序上的日期选择器日期未更改,javascript,reactjs,react-hooks,material-ui,Javascript,Reactjs,React Hooks,Material Ui,我使用的是material UI datepicker,我遵循了该过程,但在事件处理程序上,日期没有改变,但初始值工作正常,我在useState中给出了该值。当我想要选择我想要的日期时,我希望我的日期选择器能够顺利工作。Datepicker的示例也在链接中 您一直在从状态设置相同的日期 const[date,setDate]=useStatenew日期; // ... onChange={e=>setDatedate} 应该是: onChange={e=>setDatee} DatePick
您一直在从状态设置相同的日期 const[date,setDate]=useStatenew日期; // ... onChange={e=>setDatedate} 应该是: onChange={e=>setDatee}
DatePicker的onChange回调中的第一个参数是您刚刚输入的新日期。您需要设置如下值
onChange={(e) => setDate(e)}
此外,您不需要像这样设置状态:
const [date, setDate] = useState(new Date());
换行
onChange={e=>setDatedate}
到
onChange={setDate}
代码沙盒:
const [date, setDate] = useState(new Date());