Vue3设置结束日期只能从开始日期之后选择

        <el-col :span="8">
            <el-form-item :label="$t('开始时间')" prop="startDate">
              <el-date-picker v-model="search.startDate" class="input_class" value-format="YYYY-MM-DD" type="date" placeholder="请选择" @change="changeEndTime" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('结束日期')" prop="endDate">
              <el-date-picker v-model="search.endDate" class="input_class" value-format="YYYY-MM-DD" type="date" placeholder="请选择" :disabled-date="endDatePickerOptions" />
            </el-form-item>
          </el-col>

<script setup>
import { reactive } from 'vue'

const search = reactive({
  startDate: '',
  endDate: ''
})

const endDatePickerOptions = (time) => {
  if (!search.startDate) return false // 如果没有选择开始日期，结束日期不受限制
  return time.getTime() < new Date(search.startDate).getTime()
}


//在开始时间发生改变时，清空endTime
const changeEndTime = () => {
  search.endDate = ''
}

</script>