element plus el-date-picker :cell-class-name

Element Plus中的`el-date-picker`组件是一个用于选择日期的UI组件，它提供了丰富的配置选项，包括自定义单元格的样式。`cell-class-name`属性允许开发者根据日期的不同为每个单元格（例如日期、星期、月和年份）添加自定义的CSS类名，从而实现动态的样式定制。

具体使用方法如下：

<el-date-picker
  v-model="date"
  type="daterange"
  :cell-class-name="customCellClass"
/>

在Vue实例中，你可以定义一个名为`customCellClass`的方法，接收日期对象作为参数，并返回一个对象，其键对应单元格类型（如'date'，'week'等），值是对应的CSS类名：

methods: {
  customCellClass({ date, type }) {
    return {
      'date-cell': true, // 默认类名
      'special-week-day': type === 'week' && date.getDay() === 6, // 周日特殊样式
      'today': date.isToday(), // 今天样式
      'selected': date.isSame(this.date, 'day'), // 选中日期样式
    };
  }
}

这样，`el-date-picker`会根据传入的类名动态应用样式。