elementui日历自定义星期日在第一列

Element UI的日历组件提供了丰富的定制选项，如果你想让星期天显示在第一列，你可以通过设置`type`属性并配置`column-widths`来实现。首先，确保你在使用Element UI的`el-calendar`组件，并将`type`属性值设为`week`或`month`，因为默认的`date`类型不支持自定义列宽。

<template>
  <el-calendar
    :type="calendarType"
    :column-widths="[0, '50%']" <!-- 设置第一个列宽度为50%，假设第二个列占50% -->
    :value="selectedDate" <!-- 根据需要绑定日期选择值 -->
    @change="handleDateChange" <!-- 触发事件处理日期变化 -->
  ></el-calendar>
</template>

<script>
export default {
  data() {
    return {
      calendarType: 'week', // 或者 'month'
      selectedDate: '', // 初始化日期为空或者你需要的默认日期
    };
  },
  methods: {
    handleDateChange(date) {
      this.selectedDate = date; // 更新选中的日期
    },
  },
};
</script>

在这个例子中，我们设置了两个列，第一个列（列宽为50%）会被用于显示星期天和其他的日子，而第二个列（剩下的50%）则按照默认布局展示其他信息。记得根据实际需求调整`column-widths`的值。