element-ui时间选择器开始日期和结束日期的禁用（开始日期不能大于结束日期，结束日期不能小于开始日期）

<el-col :span="12" class="mb20">
  <el-form-item label="计划开始时间" prop="planStartDate">
    <el-date-picker
        type="datetime"
        placeholder="请输入计划开始时间"
        v-model="form.planStartDate"
        :disabledDate="disabledStartDateFn"
        :value-format="dateTimeStr">
    </el-date-picker>
  </el-form-item>
</el-col>

<el-col :span="12" class="mb20">
  <el-form-item label="计划结束时间" prop="planEndDate">
    <el-date-picker
        type="datetime"
        placeholder="请输入计划结束时间"
        v-model="form.planEndDate"
        :disabledDate="disabledEndDateFn"
        :value-format="dateTimeStr">
    </el-date-picker>
  </el-form-item>
</el-col>

// 开始时间禁用：禁用比结束时间（假设为5.26）大的日期
// 这其实是一个遍历操作，形参time为当月的每一天
// 举个例子： 5.1大于结束时间(5.26)吗？结果为否，则5.1不禁用；5.27大于结束时间吗。结果为是，则5.27禁用
const disabledStartDateFn = (time: any) => {
  if (form.planEndDate != "") {
    return time.getTime() > new Date(form.planEndDate).getTime();  // 禁用true值
  }
}

// 计划结束时间禁用，禁用比开始日期（假设为5.18）小的日期
// 5.1小于5.18吗？结果为是，则5.1禁用；5.20小于5.18吗。结果为否，则5.20不禁用
const disabledEndDateFn = (time: any) => {
  if (form.planStartDate != "") {
    return time.getTime() < new Date(form.planStartDate).getTime();
  }
}