elementUI日期组件设置禁用状态

 

            开始日期:

            <el-date-picker

              v-model="startTime"

              type="date"

              placeholder=" "

              :picker-options="pickerOptions"

              style="width:135px;"

            ></el-date-picker>

            结束日期:

            <el-date-picker

              v-model="endTime"

              type="date"

              @change="changeDate"

              placeholder=" "

              :picker-options="pickerOptions1"

              style="width:135px;"

            ></el-date-picker>

 pickerOptions: {

        disabledDate: time => {

          return (

            time.getTime() > new Date().getTime() ||

            time.getTime() > new Date(this.endTime).getTime() - 8.64e7

          );

        }

      }, // 日期设置对象

      pickerOptions1: {

        disabledDate: time => {

          return (

            time.getTime() > new Date().getTime() + 8.64e7 ||

            time.getTime() < new Date(this.startTime).getTime() + 8.64e7

          );

        }

      },