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

DatePickers의 기본 동작은 오늘 날짜를 시작하는 것입니다. 이 경우가 아닌 유일한 이유는 defaultDate 소품 또는 다른 날짜가있는 값 소품을 전달하는 경우입니다.

이 경우 값을 inputs.dateValue로 전달하므로이 값이 초기 값이됩니다. 당신은, inputs.dateValue의 값이 예를 들어, 오늘 날짜로 설정되어 있는지 확인해야합니다

inputs.dateValue = new Date(); 

Answer 2

전년 동기 대비이

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