1. 程式人生 > >react+antd中DatePicker元件(不能選中當前時間以前的時間)的程式碼

react+antd中DatePicker元件(不能選中當前時間以前的時間)的程式碼

不能選中當前時間以前的時間:即不能選中此刻之前的時間,比如此刻是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(){

	}
}