# 日期范围选择 - order: 7 设置 `disabledDate` 方法,来约束开始和结束日期。 --- ````jsx import { Datepicker } from 'antd'; const DateRange = React.createClass({ getInitialState() { return { startValue: null, endValue: null }; }, disabledStartDate(startValue) { if (!startValue || !this.state.endValue) { return false; } return startValue.getTime() >= this.state.endValue.getTime(); }, disabledEndDate(endValue) { if (!endValue || !this.state.startValue) { return false; } return endValue.getTime() <= this.state.startValue.getTime(); }, onChange(field, value) { console.log(field, 'change', value); this.setState({ [field]: value, }); }, render() { return