el-date-picker 季度如何赋值

el-date-picker 组件默认只支持年、月、日的选择，不支持季度的选择，因此需要进行自定义开发。

一种实现方式是，通过在 el-date-picker 中加入一个下拉选择框，用于选择季度。具体做法如下：

1. 在 el-date-picker 组件中加入一个 el-select 组件，用于选择季度。

<el-date-picker
  v-model="date"
  type="quarter"
  :picker-options="pickerOptions"
  :format="format"
>
  <el-select v-model="quarter" slot="picker-footer" size="small">
    <el-option label="第一季度" value="1" />
    <el-option label="第二季度" value="2" />
    <el-option label="第三季度" value="3" />
    <el-option label="第四季度" value="4" />
  </el-select>
</el-date-picker>

2. 在 data 中定义一个 quarter 变量，用于存储选择的季度。

data() {
  return {
    date: null,
    quarter: null,
    pickerOptions: {
      shortcuts: [{
        text: '最近一季度',
        onClick(picker) {
          const end = new Date();
          const start = new Date();
          start.setMonth(start.getMonth() - 2);
          picker.$emit('pick', [start, end]);
        }
      }]
    },
    format: 'yyyy-Qq'
  };
}

3. 定义 format 变量，用于设置日期格式为“年-季度”的形式。

format: 'yyyy-Qq'

4. 在 el-date-picker 中设置 type 为 quarter，表示需要选择季度。

<el-date-picker
  v-model="date"
  type="quarter"
  :picker-options="pickerOptions"
  :format="format"
>
  ...
</el-date-picker>

这样就可以实现在 el-date-picker 中选择季度的功能了。