Element UI 的date-time-picker 如何设置最大日期跨度只让选一个月

dick_binge
  • 125

vue 中使用Element 的日期范围控件,<date-time-picker type="datetimerange" >的这个。
目前有两个限制:起始跟截至日期选择不能超过一个月。日期选择不超过今天。

在date-options 里设置好像只能传一个time,这里该怎么控制。

dateValue:[new Date().setTime(new Date().getTime()-3600 * 1000 * 24),new Date()],
dateOpt: {
    disabledDate:(time)=>{
        return time.getTime() > Date.now() - 8.64e6;
    }
},

clipboard.png

回复
阅读 7.8k
2 个回答
✓ 已被采纳

可以使用change事件来监听,选定值的变化,从而在方法中自行判断 是否大于 1个月,如果大于一个月,就给form验证器 触发一个警告

pickerOptions: {
    disabledDate(time) {
        const lastMonthTime = new Date().setMonth(new Date().getMonth() - 1)
        return time.getTime() > Date.now() || time < lastMonthTime
    }
}
你知道吗?

宣传栏