antd picker 使用 如何_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)]})

}

组件的使用：

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组件时间值的用法了。

标签：val,dataValue,RangePicker,moment,组件,antd

来源： https://blog.csdn.net/qq_42120254/article/details/89553174