element-ui el-date-picker 如何设置 daterange 的日期格式

对于 element-ui 的 el-date-picker 组件来说，要设置 daterange 的日期格式，可以通过设置 picker-options 属性来实现。具体步骤如下：

1. 在 el-date-picker 组件上添加 picker-options 属性，值为一个对象。

<el-date-picker
  v-model="dateRange"
  type="daterange"
  :picker-options="pickerOptions"
></el-date-picker>

2. 在组件的 data 中定义 pickerOptions 对象，设置其属性 disabledDate 和 shortcuts。

data() {
  return {
    dateRange: [], // 存储选择的日期范围
    pickerOptions: {
      disabledDate(time) {
        // 自定义禁用日期的逻辑，可根据需求进行修改
        return time.getTime() > Date.now();
      },
      shortcuts: [
        {
          text: '最近一周',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', [start, end]);
          }
        },
        {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            picker.$emit('pick', [start, end]);
          }
        }
      ]
    }
  };
}

在以上代码中，disabledDate 函数用于自定义禁用日期的逻辑，可以根据需求进行修改。shortcuts 属性用于设置快捷选项，通过 onClick 函数设置快捷选项的点击事件逻辑。

通过以上步骤，即可设置 el-date-picker 组件的 daterange 的日期格式以及其他相关配置。