vue项目中element-ui两个时间选择器的判断开始时间不大于结束时间

静态

<el-form-item prop="starttime">
        <el-date-picker
          v-model="temp.starttime"
          type="date"
          :picker-options="starttime"
          value-format="yyyy-MM-dd"
          placeholder="开始时间"
        />
      </el-form-item>
      <el-form-item prop="endTime">
        <el-date-picker
          v-model="temp.endTime"
          type="date"
          :picker-options="endTime"
          value-format="yyyy-MM-dd"
          placeholder="结束时间"
        />
      </el-form-item>

逻辑

return{
// 开始时间
      starttime: {
        disabledDate: time => {
          if (this.temp.endtime) {
            return (
              time.getTime() > new Date(this.temp.endtime).getTime()
            )
          } else {
            // 不能大于当前日期
            return time.getTime() > Date.now()
          }
        }
      },
      // 结束时间
      endTime: {
        disabledDate: time => {
          if (this.temp.starttime) {
            return (
              time.getTime() > Date.now() ||
              time.getTime() < new Date(this.temp.starttime).getTime() - 8.64e7 // 加- 8.64e7则表示包当天
            )
          } else {
            return time.getTime() < Date.now()
          }
        }
      },
}

转载于:https://www.jianshu.com/p/344db10c24c2