Vue element-ui date-picker 结束时间大于开始时间且开始时间小于此刻(转)

转载自：https://blog.csdn.net/wintersweetGirl/article/details/82461412

<el-form ref="form" :model="sizeForm" label-width="100px" size="mini">
    <el-form-item label="开始时间">
        <el-date-picker type="datetime" placeholder="开始日期" :picker-options="startTime" v-model="sizeForm.startTime" style="width: 90%;"></el-date-picker>
    </el-form-item>
    <el-form-item label="结束时间">
        <el-date-picker type="datetime" placeholder="结束日期" :picker-options="endTime" v-model="sizeForm.endTime" style="width: 90%;"></el-date-picker>
    </el-form-item> 
<el-form>       

 

export default{
  data () {
    return {
      sizeForm: {
        startTime: '',
        endTime: ''
      },
// 开始时间小于结束时间，且开始时间小于此刻
      startTime: {
        disabledDate: time => {
          if (this.sizeForm.endTime) {
            return time.getTime() > new Date(this.sizeForm.endTime).getTime()
          } else {
            return time.getTime() > Date.now()
          }
        }
      },
// 结束时间大于开始时间，且小于此刻
      endTime: {
        disabledDate: time => {
          if (this.sizeForm.startTime) {
            return time.getTime() > Date.now() || time.getTime() < new Date(this.sizeForm.startTime).getTime()
          } else {
            return time.getTime() > Date.now()
          }
        }
      }
    }
  }
}