vue中elementUI 限制结束时间大于 开始时间

静态

 

<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
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。