Javascript 使用物料界面中的setState设置当前日期
我正在使用material ui datepicker,我希望在用户从一个日期切换到另一个日期时更改状态中的当前日期 这是我正在使用的materialUi日期选择器的链接 我使用了这种方法,但它不起作用,也没有显示任何与我们搬迁日期相关的事件。 这是我做过一次更改的返回部分Javascript 使用物料界面中的setState设置当前日期,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我正在使用material ui datepicker,我希望在用户从一个日期切换到另一个日期时更改状态中的当前日期 这是我正在使用的materialUi日期选择器的链接 我使用了这种方法,但它不起作用,也没有显示任何与我们搬迁日期相关的事件。 这是我做过一次更改的返回部分 return( <form className={classes.container} noValidate> <TextField id
return(
<form className={classes.container} noValidate>
<TextField
id="date"
type="date"
defaultValue={today}
onChange={this.handleDate}
className={classes.textField}
InputLabelProps={{
shrink: true,
}}
/>
</form>
);
这就是您想要的,您可以访问对象事件中的值
handleDate=(event)=>{
this.setState({
todaydate: event.target.value
});
}
在日期选择器上使用
onBlur
事件
<TextField
id="date"
type="date"
defaultValue={today}
onBlur={handleDate}
onChange={this.handleDate}
className={classes.textField}
InputLabelProps={{
shrink: true,
}}
/>
根据文档,handler函数中没有第二个参数;可以使用
event.target.value
访问新值。defaultValue={today}
中的今天是什么
请尝试使用此非常简单的方法。event.target.value包含所选日历日期的实际值,谢谢
<TextField
id="date"
type="date"
defaultValue={today}
onBlur={handleDate}
onChange={this.handleDate}
className={classes.textField}
InputLabelProps={{
shrink: true,
}}
/>
handleDate=(event)=>{
this.setState({
todaydate: event.target.value
});
}