vue3 el-date-picker pickerOptions

`el-date-picker` 是 Element Plus（一个基于 Vue 3 的组件库）中的一个组件，用于提供日期和时间选择功能。`pickerOptions` 是 `el-date-picker` 组件的一个属性，它允许用户向日期选择器添加一些自定义选项，从而提供更丰富的功能和更灵活的配置。

通过设置 `pickerOptions`，你可以实现如下一些功能：

1. 自定义日期格式化：通过 `format` 属性，可以指定日期的显示格式。
2. 日期范围限制：通过 `disabledDate` 属性，可以指定哪些日期是不可选的。
3. 自定义快捷选项：通过 `shortcuts` 属性，可以为用户快速选择日期提供预设选项。

下面是一个简单的 `el-date-picker` 配置示例：

<template>
  <el-date-picker
    v-model="value"
    type="date"
    placeholder="选择日期"
    :picker-options="pickerOptions">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      pickerOptions: {
        disabledDate(time) {
          // 例如，禁用今天及之后的日期
          return time.getTime() > Date.now();
        },
        shortcuts: [{
          text: '今天',
          value: new Date(),
        }, {
          text: '昨天',
          value: new Date(+new Date() - 3600 * 24 * 1000),
        }, {
          text: '一周前',
          value: new Date(+new Date() - 3600 * 24 * 7 * 1000),
        }]
      }
    };
  }
};
</script>

在上面的例子中，`pickerOptions` 包含了一个 `disabledDate` 函数，用于禁用当前日期及之后的所有日期，以及一个 `shortcuts` 数组，提供了一个快捷方式列表，包括今天、昨天和一周前的选项。