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

需求

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

实现效果

具体实现方法

1、template部分

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

2、script的data部分

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