<el-form-item prop="beginTime" label="开始时间:">
  <el-date-picker
    v-model="formSelectVo.beginTime"
    :picker-options="ispickerOptionEditStart"
    value-format="yyyy-MM-dd"
    format="yyyy 年 MM 月 dd 日"
    type="date"
  />
</el-form-item>
<el-form-item prop="endTime" label="结束时间:">
  <el-date-picker
    v-model="formSelectVo.endTime"
    :picker-options="ispickerOptionEditEnd"
    value-format="yyyy-MM-dd"
    format="yyyy 年 MM 月 dd 日"
    type="date"
  />
</el-form-item>

 

computed: {
ispickerOptionEditEnd: function() {
      const _this = this
      return {
        disabledDate(timeEd) {
          const timeStart = new Date(_this.formSelectVo.beginTime) // 开始时间
          return timeEd.getTime() < timeStart.getTime()
        }
      }
    },

ispickerOptionEditStart: function() {
      const _this = this
      return {
        disabledDate(timeSt) {
          const timeEnd = new Date(_this.formSelectVo.endTime) // endTime结束时间
          if (_this.formSelectVo.beginTime) {
            return timeSt.getTime() > timeEnd.getTime()
          }
        }
      }
    },
  },
disabledDate 设置禁用状态，参数为当前日期，要求返回 Boolean
:picker-options="pickerOptions1"
picker-options 当前时间日期选择器特有的选项参考下表
shortcuts 设置快捷选项，需要传入 { text, onClick } 对象用法参考 demo 或下表 Object[] — —
disabledDate 设置禁用状态，参数为当前日期，要求返回 Boolean Function — —
cellClassName 设置日期的 className Function(Date) — —
firstDayOfWeek 周起始日 Number 1 到 7 7
onPick 选中日期后会执行的回调，只有当 daterange 或 datetimerange 才生效 Function({ maxDate, minDate }) — —