range-calendar

基于react的日历联动组件

npm安装

npm install range-calendar

组件调用

import RangeCalendar from "range-calendar";
 
<RangeCalendar
    isShow={isShow}
    onCancel={this.closePicker}
    onChange={this.getValue}
    startDate="2019-03-30 14:01:20"
    endDate="2019-04-22 14:01:20"
    limitDays={31}
    maxDate="2019-04-21 14:01:20"
/>

组件配置props

名称	类型	必填	默认值	含义
startDate	string(yyyy-mm-dd hh:mm:ss)	否	当前时间	开始时间
endDate	string(yyyy-mm-dd hh:mm:ss)	否	当前时间	结束时间
limitDays	number	否	无	最大查询天数
maxDate	string	否	无	最大查询日期
isShow	bool	否	false	组件显示与隐藏
onChange	func	否	无	日期发生变化后的回调函数,回调参数(startDate, endDate)
onCancel	func	否	无	日期发生变化后关闭组件调用此方法,否则将不会隐藏关闭组件