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';