elemenUI日期选择器，选择开始日期之后，结束日期只能选择，12月以内的。怎么判断？

Question

elementUI 日期选择器，选择开始日期之后，结束日期只能选择，12月以内的。怎么判断？

Answer 1

通过设置 el-date-picker 组件 pickerOptions 属性中的 disabledDate 属性。判断一下是否超过12月31日就可以了。超过了就就返回 false，没有超过就返回 true。

比如说下面这样的示例代码：

<template>
  <el-date-picker
    v-model="value"
    type="daterange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :picker-options="pickerOptions"
  >
  </el-date-picker>
</template>
<script>
export default {
  data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() >= new Date('2023-12-31'); // 可以使用 dayjs 之类的时间处理库
        }
      },
      value: '',
    };
}
</script>