element el-date-picker组件起止日期相差30天

需求

时间选择器起止日期必须相隔30以内

实现效果

element el-date-picker组件起止日期相差30天

element el-date-picker组件起止日期相差30天

具体实现方法

1、template部分

完全按照element官网进行配置,中规中矩哈

element el-date-picker组件起止日期相差30天

2、script的data部分

注意:
1、我的场景是选择器默认已经有开始和结束时间,场景不一样自行修改;
2、disabledDate上面判断maxDate是否存在是为了初始打开日期选择器未点击的场景,实现开始日期推后30的天禁用效果(用户打开未点击)
3、onPick方法里面获取的maxDate是为了获取用户选择的起始日期,从而在disabledDate里面计算往后30天(用户打开并点击一个日期)

element el-date-picker组件起止日期相差30天

上一篇:哈哈!TCP泄露了操作系统信息···


下一篇:el-date-picker 图标移动到右侧。有数据时悬浮显示x,没数据或者不悬浮时显示日期图标