1.0.3 • Published 6 years ago
ue-rangepicker v1.0.3
ue-rangepicker
- 双日历选择组件
参数说明
参数 | 说明 |
---|---|
startDate | 开始时间戳 |
endDate | 结束时间戳 |
style | 行内样式控制 |
handleDateChange | 时间选择回调函数 void (start, end) => { // start: 开始时间戳 end: 结束时间戳 } |
使用示例
import React from 'react';
import { getDateStemp, getDate, getTodayTime } from 'ue-time';
class Index extends React.PureComponent {
constructor(props) {
super(props);
this.config = {
start: getDateStemp(getDate(-365), 'start'),
end: getDateStemp(getTodayTime(), 'end'),
};
}
handleDateChange = () => {
}
render() {
return (
<RangePicker
ref='rangePicker'
start={this.config.start}
end={this.config.end}
handleDateChange={this.handleDateChange}
/>
)
}
}
API方法
- reset 重置日历时间
import React from 'react';
class Index extends React.PureComponent {
constructor(props) {
super(props);
}
componentDidMount() {
this.doReset();
}
doReset() {
this.refs.rangePicker.reset();
}
render() {
return (
<RangePicker
ref='rangePicker'
/>
)
}
}