ReactJS + Material-UI：如何使用 Material-UI 的 <DatePicker> 将当前日期设置为默认值？

Question

目前我正在使用 ReactJS + Material-UI <DatePicker>（http://www.material-ui.com/#/components/date-picker），并希望将今天的当前日期设置为<DatePicker>. 我该怎么做？

当前设置：

<DatePicker
  autoOk={true}
  hintText="Select Date"
  value={inputs.dateValue}
  onChange={this.handleDatechange}
/>

Answer 1

Yoy可以做这样的事情

this.state={
    date : new Date()
}

handleDatechange(event,date){
    this.setState({date: date})
}

<DatePicker
  autoOk={true}
  hintText="Select Date"
  value={this.state.date}
  onChange={this.handleDatechange}
/>

Answer 2

DatePickers 默认行为是从今天的日期开始。不会出现这种情况的唯一原因是，如果您传入 defaultDate 属性或具有不同日期的 value 属性。

在您的情况下，您将值作为 input.dateValue 传递，因此这将是初始值。您只需确保 input.dateValue 的值设置为今天的日期，例如，

inputs.dateValue = new Date();