elementUI怎么调整日历控件

Element UI 的 Calendar 日历组件允许通过一些属性来进行定制和调整。以下是调整 Element UI 日历组件的一些常见步骤：

1. **显示日期范围**：
使用 `start-date` 和 `end-date` 属性设置默认显示的日期范围。

<el-calendar :start-date="startDate" :end-date="endDate"></el-calendar>

2. **格式化日期**：
如果需要自定义日期格式，可以使用 `format` 或 `value-format` 属性。

<el-calendar :format="dateFormat"></el-calendar>

3. **禁用某些日期**：
利用 `disabled-days` 或 `disabled-months` 属性，传入一个数组，其中包含禁止选择的日期或月份。

disabledDays: function (date) {
  return date.weekday === 7; // 禁止周末
}

4. **事件处理**：
通过 `on-change` 事件监听日期选择的变化。

<el-calendar @change="handleDateChange"></el-calendar>

5. **样式调整**：
可以通过 CSS 直接修改组件的样式，比如更改背景颜色、边框等。例如：

.el-calendar-month table td {
  background-color: #f0f0f0;
}