elementUI日期选择器 el-date-picker根据所选日期选择禁用

我遇到这样一个场景，需要动态渲染时间表单，但是后端传过来的数据，

这个时候就不能预先找到想要限制的date了，因为连date本身，也是根据后端传来的数据生成的。

如图:

 

 代码如下:

//template部分
             <el-date-picker
                v-model="selectbeginTime"
                type="date"
                placeholder="选择日期"
                value-format="yyyy-MM-dd"
                :picker-options="pickerOptions"
              ></el-date-picker>

//script部分

data() {
      return {
      beginweekday: null,
      endweekday: null,
      selectbeginTime: '',
      pickerOptions: {
        disabledDate: this.disabledDate
      } 
 }
},
methods: {　　
　 async getWeek() {
           //从后台获取endweekday和beginweekday此处省略
　　},
    disabledDate(time) {
      return (
        time.getTime() > new Date(this.endweekday) ||
        time.getTime() < new Date(this.beginweekday) - 8.64e7
      );
    }
}

费了挺大劲,最终代码也不多,终于完美完工!