关于vue开始日期与结束日期的关系

一般情况下，结束日期要大于开始日期的（也就是说，用户只能选择大于开始日期的日期）

html:
<el-form-item label="执行时间:" class="implemenTime" prop="implemenTime">
  <el-date-picker
    v-model="form.implemenTime"
    type="date"
    placeholder="开始日期"
    :picker-options="pickerOptionsStart"
    >
  </el-date-picker>
</el-form-item>
<span class="toTime">至</span>
<el-form-item  class="implemenTime1" prop="implemenTime1">
  <el-date-picker
    v-model="form.implemenTime1"
    type="date"
    placeholder="结束日期"
    :picker-options="pickerOptionsEnd"
    >
  </el-date-picker>
</el-form-item>
js:
data () {
 return {
 	pickerOptionsStart: { // 开始日期对日期的判断，即结束日期不能小于起始日期
        disabledDate: time => {
          const endDateVal = this.form.implemenTime1 // 注意这里是结束日期
          if (endDateVal) {
            return time.getTime() > new Date(endDateVal).getTime()
          }
        }
      },
      pickerOptionsEnd: { // 结束日期对日期的判断，即结束日期不能小于起始日期
        disabledDate: time => {
          const beginDateVal = this.form.implemenTime // 注意这里是开始日期
          if (beginDateVal) {
            return (
              time.getTime() <
              new Date(beginDateVal).getTime() + (8.64e7 * 7) // 结束时间只能选择延后七天（8.64e7表示一天）
            )
          }
        }
      },
      form: { // 表单数据
      	implemenTime: '',
        implemenTime1: ''
      }
	}
}

多尝试，多行动，收获，总是不会缺席的。