el-date-picker 设置指定月份样式

el-date-picker 是一个基于 Element UI 的日期选择器组件，它提供了多种设置指定月份样式的方法，具体如下：

1. disabledDate：该属性可以设置禁用日期，可接受一个函数作为参数，函数返回值为 true 表示该日期不可用，返回值为 false 表示该日期可用。

2. cellClassName：该属性可以设置单元格的 class 名称，可接受一个函数作为参数，函数返回值为一个字符串，该字符串即为该单元格的 class 名称。

3. pickerOptions：该属性可以设置日期选择器的选项，其中包括 start-date 和 end-date 属性，分别表示可选日期的开始和结束时间。你可以使用这两个属性来限制用户选择指定月份之外的日期。

下面是一个示例代码：

<template>
  <el-date-picker
    v-model="date"
    type="month"
    :disabled-date="disabledDate"
    :cell-class-name="cellClassName"
    :picker-options="pickerOptions"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      disabledDates: ['2021-01', '2021-03'],
      specialDates: ['2021-02-01', '2021-02-15'],
      pickerOptions: {
        startYear: 2021,
        endYear: 2022,
        disabledDate: date => {
          const year = date.getFullYear();
          const month = date.getMonth() + 1;
          const monthStr = month < 10 ? '0' + month : month;
          return this.disabledDates.includes(`${year}-${monthStr}`);
        }
      }
    };
  },
  methods: {
    cellClassName({ row, column, rowIndex, columnIndex }) {
      const date = row[column.property];
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const monthStr = month < 10 ? '0' + month : month;
      if (this.specialDates.includes(`${year}-${monthStr}-${date.getDate()}`)) {
        return 'special-date';
      }
    }
  }
};
</script>

<style scoped>
.special-date {
  background-color: pink;
}
</style>

在上面的示例代码中，我们通过设置 disabledDate 属性来禁用指定月份之外的日期，并通过设置 cellClassName 属性来为特定日期单元格添加样式。同时，我们还通过 pickerOptions 属性来设置日期选择器的选项。