antd- DatePicker中-禁用时间

antd-的DatePicker是很好使用的一个时间组件，但是需要根据需求的变化进行一些改变，

例如禁用时间，国际化等。

1、禁用时间：DatePicker中-禁用时间

handleData(time){
    if(!time){
	return false
    }else{
	// 大于当前日期不能选 time > moment()
	// 小于当前日期不能选 time < moment().subtract(1, "days")
	// 只能选前7后7 time < moment().subtract(7, "days") || time > moment().add(7, 'd')
	return time < moment().subtract(7, "days") || time > moment().add(7, 'd')
    }
}
 

<RangePicker  disabledDate={this.handleData}/>

 

2、直接使用antd的DatePicker是英文，这样很不友好，可以改为中文。

antd中有国际化的案例，但是使用中却出现了很多报错的问题，可以用这种方法使用

import locale from 'antd/lib/date-picker/locale/zh_CN';
import 'moment/locale/zh-cn';