1.0.3 • Published 5 years ago
range-calendar v1.0.3
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 | 否 | 无 | 日期发生变化后关闭组件调用此方法,否则将不会隐藏关闭组件 |