ReactJS + Material-UI: Как установить текущую дату в качестве значения по умолчанию с использованием Material-UI's <DatePicker>?

Question

В настоящее время я использую ReactJS + Material-UI's <DatePicker> (http://www.material-ui.com/#/components/date-picker) и хотел бы, чтобы текущая текущая дата была установлена ​​как значение по умолчанию/начальное значение для <DatePicker>. Как я могу это сделать?

Текущий настройки:

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

Answer 1

поведение DatePickers по умолчанию, чтобы начать на сегодняшний день. Единственная причина, по которой это не так, заключается в том, что вы передаете либо опору defaultDate, либо значение с другой датой.

В вашем случае вы передаете значение как inputs.dateValue, поэтому это будет начальное значение. Вам просто нужно убедиться, что значение inputs.dateValue устанавливается на текущую дату, например,

inputs.dateValue = new Date(); 

Answer 2

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} 
/>