React Material-UI 选择器如何转换时刻对象并设置状态

Question

我是一个反应初学者，并使用Material-UI选择器试试运气。

控制台中的道具.log是一个时刻对象。 现在我想将时刻对象转换为常规日期格式并使用它更新状态属性日期，但我不知道该怎么做。特别是在指南太多之后，请尝试结束错误^^ 感谢您抽出宝贵时间

class EventFormMaterial extends Component {
constructor(props) {
super(props);
this.state = {
date: ""
};
handleDateChange(props) {
setState({}) ...
}
return (
<div className="flex-second-container">
<MuiPickersUtilsProvider utils={MomentUtils}>
<DateTimePicker
variant="inline"
label="Basic example"
value={this.state.selectedDate}
onChange={this.handleDateChange}
format="dd/MM/yyyy HH:mm"
/>
</MuiPickersUtilsProvider>
</div>
);

Answer 1

handleDateChange = date => { setState({ date: date.format('dd/MM/yyyy HH:mm') }) }

如果日期是时刻对象，则可以设置其格式并在handleDateChange方法上设置新状态。

Answer 2

简单将返回的日期对象直接放入状态

state = { date: moment() } 
handleDateChange = (newDate) => { 
this.setState({ date: newDate })
} 
<DatePicker
value={this.state.date}
onChange={this.handleDateChange} 
/> 

无需额外的工作。