Question

使用// https://material-ui-pickers.dev/demo/datepicker 如下配置。 this.state.start_year_date从null开始。当用户调出模态并选择一个日期并单击“确定”时，效果很好。但是，如果他们调出模态并单击“取消”，则会在模态关闭后显示2019（！??！？！）。但是，由于他们实际上并未选择2019，因此state.start_year_date未设置为2019，因此它仍然为null。事情从那里横着走。如何防止取消操作？

file.open()

Answer 1

我相信您可以使用onClose方法将值重置为原始值或将其设置为您喜欢的任何值。

<DatePicker
   value={this.state.start_year_date}
   onChange={this.handleStartDateChange}
   views={["year"]}
   disablePast={true}
   label={"Start year"}
   onAccept={this.handleStartDateAccept}
   maxDate={ this.state.end_year_date ? this.state.end_year_date : (new Date().setYear(2099) ) }
   onClose={ () => this.setState({start_year_date: 2019 }) }
/>

material-ui-pickers取消实际显示值

1 个答案: