两个element时间选择框，怎么让第二个选的时间不能早于第一个的，如果早于第一个则提示

Question

两个element时间选择框，怎么让第二个选的时间不能早于第一个的，如果早于第一个则提示

Answer 1

用change去监听，选择后对比第一个选择框的时间再做判断

Answer 2

应该怎么写呢？

Answer 3

 
<template>
  <div>
    <el-date-picker
      v-model="startTime"
      type="date"
      placeholder="起始时间">
    </el-date-picker>
    <div :class="['endTime',{red: isError}]">
      <el-date-picker
        class="red"
        v-model="endTime"
        @change="changeTime"
        type="date"
        placeholder="结束时间">
      </el-date-picker>
    </div>
  </div>
</template>
 
<script>
  export default {
    data () {
      return {
        startTime: '',
        endTime: '',
        isError: false
      }
    },
    methods: {
      changeTime () {
        const startTime = Date.parse(this.startTime)
        const endTime = Date.parse(this.endTime)
        this.isError = false
        if (startTime > endTime) {
          this.isError = true
          this.$message.error('结束时间小于开始时间')
        }
      }
    }
  }
</script>

<style lang="scss">
.red .el-input--prefix .el-input__inner{
  color:#f00;
}
</style>