import { DatePicker} from 'antd';
import 'moment/locale/zh-cn';
import locale from 'antd/es/date-picker/locale/zh_CN';
import moment from 'moment';
const { RangePicker } = DatePicker;
const dateVal = [moment('2020-01-01'), moment()];
function disabledDate(current) {
// Can not select days before today and today
return current > moment() || current <= moment('2020-01-01');
};
export default class index extends Component {
constructor() {
super();
this.state = {
formData: [],
loading: false,
dateValue: dateVal, // 时间组件value字段
};
}
// 时间组件change事件
pickerChange = (item) => {
this.setState({
dateValue: item
});
}
render(){
const { dateValue, loading} = this.state;
return (
<div>
<span>推送时间:</span>
<RangePicker
locale={locale}
value={dateValue}
allowClear={false}
onChange={this.pickerChange.bind(this)}
disabledDate={disabledDate}
/>
</div>
);
}
}
日期选择框 RangePicker,默认一个时间到今天时间,封装好的组件
于 2022-12-08 14:52:23 首次发布