日期区间选择器a-range-picker,选择的时间跨度不超过6个月
需求
需要用到日期区间选择,选择开始时间之后,结束时间只能选前6个月或者后6个月,其它区间禁用。
思路
选择开始日期时,禁用规则为null,当选择开始时间之后,禁用规则为开始日期前后6个月之外的日期
实现
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用法相同
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了