1.0.3 • Published 6 years ago

ue-rangepicker v1.0.3

Weekly downloads
1
License
ISC
Repository
-
Last release
6 years ago

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'
      />
    )
  }
}
1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago