element ui selectableRange 不生效,另一种方式实现时间选择范围限制

发布时间 2023-05-04 09:52:56作者: seven&night

selectableRange 不生效 可能是以为element版本问题,有条件的可以先升级element ui版本试试。

使用picker-options 实现时间选择范围限制

直接上代码:

 <el-date-picker
              v-if="viewer===''||viewer==='creator' || subTaskInfo.status !== 2"
              v-model="ruleForm.planEndtime"
              value-format="yyyy-MM-dd hh:mm:ss"
              type="date"
              :picker-options="pickerTime"
              :disabled="subTaskInfo.disable"
              @change="compareDate"
            />

 //  时间选择范围限制
      pickerTime: {
          disabledDate(time) {
             return time.getTime()< moment(window.matterTark.planStarttime)-24 * 3600 * 1000 || time.getTime()> moment(window.matterTark.planEndtime)+24 * 3600 * 1000;
          },
      },