日期区间选择器a-range-picker,选择的时间跨度不超过6个月

需求

需要用到日期区间选择,选择开始时间之后,结束时间只能选前6个月或者后6个月,其它区间禁用。
image

思路

选择开始日期时,禁用规则为null,当选择开始时间之后,禁用规则为开始日期前后6个月之外的日期

实现

image

image

disabledDate禁用方法先判断有没有开始日期,如有有,则没有禁用规则。如果没有开始日期,则给定禁用规则

需要注意的点

因为使用了valueFormat="x"将绑定的value值从时间对象转换为时间戳了,但是calendarChange方法中的value拿到的是字符串。moment('字符串')这样是不生效的

扩展

moment(this.startTime).subtract(6, 'month')
moment(this.startTime).add(6, 'month')

Moment.js 的 subtract 方法用于从一个 Moment 对象中减去指定的时间数量。它返回一个新的 Moment 对象,表示计算后的日期和时间。除了'month'还有'year'、'day'、'hour'等参数

add用法相同

posted @ 2023-07-19 15:01  嘿!那个姑娘  阅读(1119)  评论(0编辑  收藏  举报