antd-RangePicker

antd 使用RangePicker 组件的时候想要自定义其时间选择组件的value值时候该怎么处理？

下面是使用组件代码：
首先需要先引入组件所需的东西
import { DatePicker, } from ‘antd’;
const {RangePicker} = DatePicker;
const dateFormat = ‘YYYY/MM/DD HH:mm:ss’;
import moment from ‘moment’;

然后是组件所用到的方法（让组件吗，默认为空的时候 组件会默认显示“开始时间-结束时间”）
this.state={
dataValue:null,
}
//把组件选择后的时间值赋予dataValue的状态值里
dataVal(val){
console.log(val)
var startTime = new Date(val[0]._d)
var endTime = new Date(val[1]._d)
this.setState({dataValue:[moment(startTime), moment(endTime)]})
}

组件的使用：
<RangePicker
locale={zh_CN}
value={this.state.dataValue}
onChange={this.dataVal.bind(this)}
showTime
style={{width:“100%”,}}
onOk={this.getTime.bind(this)}
format={dateFormat}
/>

以上就是我们自定义antd-RangePicker组件时间值的用法了。