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

发布时间 2023-07-19 15:11:32作者: 嘿!那个姑娘

需求

需要用到日期区间选择,选择开始时间之后,结束时间只能选前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用法相同