1.0.0 • Published 5 years ago
dynamic-antd-rangepicker v1.0.0
dynamic-antd-rangepicker
Introduce
-拓展antd时间范围组件禁用时间可配置性
Quick Overview
npm install
npm startAPI
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dynamicDateLimit | 动态可选范围模式：根据所传的时间长度，动态设置前后的时间范围 | boolean | |
| maxDate | 可选日期范围的最大时间，非dynamicDateLimit模式下，默认最大可选时间为当前时间 | moment object | moment() |
| dateLimit | 限制可选的日期长度： { year: 1 } { month: 1 } { week: 1 } { day: 1 } 四选一，如传入多个属性，以最后一个属性为准 | object |
Demo Code
<RangePicker
maxDate={moment()}
dynamicDateLimit
dateLimit={{ month: 1 }}
showTime={{ format: 'HH:mm' }}
style={{ width: 500 }}
format={dateFormat}
ranges={{
今天: [moment().startOf('day'), moment()],
本周: [moment().startOf('week'), moment()],
本月: [moment().startOf('month'), moment()],
近一周: [moment().subtract(1, 'week'), moment()],
近一月: [moment().subtract(1, 'month'), moment()],
近三月: [moment().subtract(3, 'month'), moment()]
}}
/>npm
npm i dynamic-antd-rangepicker --save CDN
https://unpkg.com/dynamic-antd-rangepicker@0.0.8/lib/js/main.min.jsissues：
https://github.com/samous0726/dynamic-antd-rangepicker/issues