element UI 日期组件 DatePicker动态控制picker-options 中的 disabledDate属性操作

项目场景：

vue + element UI项目，二次封装element UI 中的el-date-picker 组件，日期组件在不同的页面A和页面B中，限制可选择的日期条件不同

---

问题描述：

A页面 ：要求显示为日类型，当前日期之后的日期均不可选择；
B页面 ：要求显示为月类型，当前月份及之后月份均不可选择；
例如当前日期为2021年4月19日，
则在A页面 2021年4月20日及之后的日期都不可以选中,B页面日期只能选中2021年3月及之前日期

---

解决方案：

element UI 中介绍到picker-options 属性中 的disableDate 可以限制日期组件的可选日期

//Date 组件中封装DatePicker组件
  <el-date-picker
           ...//此处省略其他配置
            :picker-options="pickerOptions"
          ...//此处省略其他配置
   />
   data() {
            return {
                pickerOptions: {
                    disabledD