vue 时间选择器 某个时间范围内可选

 vue  el-date-picker 

时间选择器内，选择一个日期，当前时间到后面的某一个时间日期(日期动态传入)。

想要的结果

日期选择器代码： 

   <el-date-picker

              v-model="form.expectDeliveryDate"

              format="yyyy/MM/dd"

              :picker-options="pickerBeginDateBefore"

              :placeholder="translate('label.selectDate')"

              type="date"

              value-format="yyyy/MM/dd"

            />

日期验证的方法： 

 data() {

      let disabledDate = (time) => {

        // var date = '2022-06-20'

        var date = this.finalDeliveryDate

        const times = new Date(new Date(date).toLocaleDateString()).getTime()

        return time.getTime() < Date.now() - 8.64e7 || time.getTime() > times

        //如果当天不可选，就不用减8.64e7

      }

      return {

        type: '',

        title: '',

        groupId: '',

        dialogFormVisible: false,

        finalDeliveryDate: '',

        layout: 'total, sizes, prev, pager, next, jumper',

        pickerBeginDateBefore: {

          disabledDate,

        },

      }

    },

动态传入限制日期参数： 

 methods: {

      translate,

      show(row) {

        this.finalDeliveryDate = '2022-06-25'

        this.dialogFormVisible = true

      },

}