el-date-picker 快捷选项

el-date-picker 的快捷选项可以通过设置属性 shortcuts 来自定义。你可以在数据中定义一个快捷选项的数组，然后将该数组赋值给 shortcuts 属性即可。

以下是一个例子:

<template>
  <el-date-picker
    v-model="date"
    type="date"
    :shortcuts="shortcutOptions"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      shortcutOptions: [
        {
          text: '本周',
          onClick(picker) {
            const start = new Date();
            const end = new Date();
            start.setDate(start.getDate() - start.getDay());
            end.setDate(end.getDate() + (7 - end.getDay() - 1));
            picker.$emit('pick', [start, end]);
          }
        },
        {
          text: '下周',
          onClick(picker) {
            const start = new Date();
            const end = new Date();
            start.setDate(start.getDate() + (7 - start.getDay()));
            end.setDate(end.getDate() + (7 - end.getDay() + 6));
            picker.$emit('pick', [start, end]);
          }
        },
        // 其他自定义选项...
      ]
    };
  }
};
</script>

在上面的代码中，我们定义了两个快捷选项，分别为“本周”和“下周”。当用户点击这些选项时，会根据当前日期计算出对应的日期范围，并触发 el-date-picker 的 pick 事件返回选中的日期范围。