el-calendar头部增加按钮

El-Calendar是一个基于Element UI的日期选择组件，如果你想要在头部增加按钮，可以按照以下步骤操作：

1. 首先，引入所需的样式和组件库：

   <link rel="stylesheet" href="https://unpkg.com/@element-ui/lib/theme-chalk/index.css">
   <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
   <script src="https://unpkg.com/@element-ui/lib/el-calendar.js"></script>

2. 在Vue实例中创建一个包含ElCalendar的组件，并配置它允许自定义头部：

   <template>
     <el-calendar
       :type="calendarType"
       v-model="selectedDate"
       header-button-cell="prev next today clear"
       header-button-custom="customButton"
     ></el-calendar>
   </template>

   <script>
   export default {
     data() {
       return {
         calendarType: 'date', // 或者其他如'month'、'week'等
         selectedDate: '',
         customButton: {
            text: '自定义按钮',
            click() { /* 这里编写自定义按钮的点击事件 */ }
          },
        };
     },
   };
   </script>

在`header-button-custom`属性中，你可以设置一个函数作为自定义按钮的行为。

3. 当然，记得根据你的实际需求修改`customButton`的文本和点击事件，以便实现你的功能。