el-date-picker组件Picker Options属性disabledDate使用例子

el-date-picker 组件的 Picker Options 属性中的 disabledDate 用于禁用某些日期，可以是一个函数或者一个数组。下面是使用例子：

1. 使用函数禁用某些日期：

<el-date-picker
  v-model="date"
  :picker-options="{
    disabledDate: (time) => {
      // 禁用 2021 年 10 月 1 日之前的所有日期
      return time.getTime() < new Date('2021-10-01').getTime();
    }
  }"
></el-date-picker>

2. 使用数组禁用某些日期：

<el-date-picker
  v-model="date"
  :picker-options="{
    disabledDate: [
      // 禁用 2021 年 10 月 1 日至 10 月 7 日的所有日期
      {
        from: new Date('2021-10-01').getTime(),
        to: new Date('2021-10-07').getTime()
      },
      // 禁用周末
      {
        // day 为 0 表示周日，1 表示周一，以此类推
        // type 为 'day' 表示按日禁用，为 'week' 表示按周禁用
        // 这里的 type 可以省略，默认为按日禁用
        day: 0,
        type: 'day'
      },
      {
        day: 6,
        type: 'day'
      }
    ]
  }"
></el-date-picker>

以上是两种常见使用方式，具体使用方式还需根据实际情况进行调整。