react+antd中DatePicker元件(不能選中當前時間以前的時間)的程式碼
阿新 • • 發佈:2018-11-19
不能選中當前時間以前的時間:即不能選中此刻之前的時間,比如此刻是2018年10月11日15:18,那麼2018年10月11日15:18分之前的所有時間都不能選,包含時分。
const { DatePicker, Row } = antd; class limitTime extends Component{ state={ currentTime:null, } render(){ <Row> <DatePicker disabledDate={this.disabledEndDate} showTime={{ format: 'HH:mm' }} format="YYYY-MM-DD HH:mm" onOpenChange={this.handleEndOpenChange} /> </Row> } disabledEndDate = (endValue) => { let me = this; const startValue = this.state.currentTime; if (!endValue || !startValue) { return false; } return endValue.valueOf() <= startValue.valueOf(); } handleEndOpenChange = (open) => { let me = this if(open){ me.currentTime = moment(); } this.setState({currentTime:moment() }); } componentDidMount(){ } componentDidUpdate(){ } componentWillUnmount(){ } }