Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用物料界面中的setState设置当前日期_Javascript_Reactjs_Material Ui - Fatal编程技术网

Javascript 使用物料界面中的setState设置当前日期

Javascript 使用物料界面中的setState设置当前日期,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我正在使用material ui datepicker,我希望在用户从一个日期切换到另一个日期时更改状态中的当前日期 这是我正在使用的materialUi日期选择器的链接 我使用了这种方法,但它不起作用,也没有显示任何与我们搬迁日期相关的事件。 这是我做过一次更改的返回部分 return( <form className={classes.container} noValidate> <TextField id

我正在使用material ui datepicker,我希望在用户从一个日期切换到另一个日期时更改状态中的当前日期

这是我正在使用的materialUi日期选择器的链接

我使用了这种方法,但它不起作用,也没有显示任何与我们搬迁日期相关的事件。 这是我做过一次更改的返回部分

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
 });
}