elementui日历展示节假日

记录一次需求，平台添加节假日，查看日历显示节假日

大概就长这样

dialog展示日历

<el-dialog title="日历" :visible.sync="openCalendar" width="90%" append-to-body>
      <el-row :gutter="20" style="display: flex; flex-wrap: wrap;">
        <el-col :span="4" v-for="(month,index) in calendar">
          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>{{index+1}}月</span>
            </div>
            <div>
              <table class="el-date-table">
                <tbody>
                <tr>
                  <th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th>
                </tr>
                <tr class="el-date-table__row" v-for="week in month">
                  <td :class="day.month === index+1?'available':'prev-month'" v-for="(day,ind) in week">
                      <div :style="(day.month !== index+1)?'':(day.holiday?'background-color: #eeee25;':(ind===0||ind===6?'background-color: rgb(245 130 130);':'background-color: #f5f7fa;'))">
                        <el-tooltip :content="day.holidayName" placement="top" v-if="day.holiday">
                          <span>{{day.day}}</span>
                        </el-tooltip>
                        <span v-else>{{day.day}}</span>
                      </div>
                  </td>
                </tr>
                </tbody>
              </table>
            </div>
          </el-card>
        </el-col>
      </el-row>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancelCalendar">关闭</el-button>
      </div>
    </el-dialog>

data相关

data() {
    return {
        calendar:[[[{"day":31,"holiday":false,"localDate":"2023-12-31","month":12,"year":2023},{"day":1,"holiday":true,"holidayName":"元旦","localDate":"2024-01-01","month":1,"year":2024},{"day":2,"holiday":false,"localDate":"2024-01-02","month":1,"year":2024},{"day":3,"holiday":false,"localDate":"2024-01-03","month":1,"year":2024},{"day":4,"holiday":false,"localDate":"2024-01-04","month":1,"year":2024},{"day":5,"holiday":false,"localDate":"2024-01-05","month":1,"year":2024},{"day":6,"holiday":false,"localDate":"2024-01-06","month":1,"year":2024}],[{"day":7,"holiday":false,"localDate":"2024-01-07","month":1,"year":2024},{"day":8,"holiday":false,"localDate":"2024-01-08","month":1,"year":2024},{"day":9,"holiday":false,"localDate":"2024-01-09","month":1,"year":2024},{"day":10,"holiday":false,"localDate":"2024-01-10","month":1,"year":2024},{"day":11,"holiday":false,"localDate":"2024-01-11","month":1,"year":2024},{"day":12,"holiday":false,"localDate":"2024-01-12","month":1,"year":2024},{"day":13,"holiday":false,"localDate":"2024-01-13","month":1,"year":2024}],[{"day":14,"holiday":false,"localDate":"2024-01-14","month":1,"year":2024},{"day":15,"holiday":false,"localDate":"2024-01-15","month":1,"year":2024},{"day":16,"holiday":false,"localDate":"2024-01-16","month":1,"year":2024},{"day":17,"holiday":false,"localDate":"2024-01-17","month":1,"year":2024},{"day":18,"holiday":false,"localDate":"2024-01-18","month":1,"year":2024},{"day":19,"holiday":false,"localDate":"2024-01-19","month":1,"year":2024},{"day":20,"holiday":false,"localDate":"2024-01-20","month":1,"year":2024}],[{"day":21,"holiday":false,"localDate":"2024-01-21","month":1,"year":2024},{"day":22,"holiday":false,"localDate":"2024-01-22","month":1,"year":2024},{"day":23,"holiday":false,"localDate":"2024-01-23","month":1,"year":2024},{"day":24,"holiday":false,"localDate":"2024-01-24","month":1,"year":2024},{"day":25,"holiday":false,"localDate":"2024-01-25","month":1,"year":2024},{"day":26,"holiday":false,"localDate":"2024-01-26","month":1,"year":2024},{"day":27,"holiday":false,"localDate":"2024-01-27","month":1,"year":2024}],[{"day":28,"holiday":false,"localDate":"2024-01-28","month":1,"year":2024},{"day":29,"holiday":false,"localDate":"2024-01-29","month":1,"year":2024},{"day":30,"holiday":false,"localDate":"2024-01-30","month":1,"year":2024},{"day":31,"holiday":false,"localDate":"2024-01-31","month":1,"year":2024},{"day":1,"holiday":false,"localDate":"2024-02-01","month":2,"year":2024},{"day":2,"holiday":false,"localDate":"2024-02-02","month":2,"year":2024},{"day":3,"holiday":false,"localDate":"2024-02-03","month":2,"year":2024}]],[[{"day":28,"holiday":false,"localDate":"2024-01-28","month":1,"year":2024},{"day":29,"holiday":false,"localDate":"2024-01-29","month":1,"year":2024},{"day":30,"holiday":false,"localDate":"2024-01-30","month":1,"year":2024},{"day":31,"holiday":false,"localDate":"2024-01-31","month":1,"year":2024},{"day":1,"holiday":false,"localDate":"2024-02-01","month":2,"year":2024},{"day":2,"holiday":false,"localDate":"2024-02-02","month":2,"year":2024},{"day":3,"holiday":false,"localDate":"2024-02-03","month":2,"year":2024}],[{"day":4,"holiday":false,"localDate":"2024-02-04","month":2,"year":2024},{"day":5,"holiday":false,"localDate":"2024-02-05","month":2,"year":2024},{"day":6,"holiday":false,"localDate":"2024-02-06","month":2,"year":2024},{"day":7,"holiday":false,"localDate":"2024-02-07","month":2,"year":2024},{"day":8,"holiday":false,"localDate":"2024-02-08","month":2,"year":2024},{"day":9,"holiday":false,"localDate":"2024-02-09","month":2,"year":2024},{"day":10,"holiday":false,"localDate":"2024-02-10","month":2,"year":2024}],[{"day":11,"holiday":false,"localDate":"2024-02-11","month":2,"year":2024},{"day":12,"holiday":false,"localDate":"2024-02-12","month":2,"year":2024},{"day":13,"holiday":false,"localDate":"2024-02-13","month":2,"year":2024},{"day":14,"holiday":false,"localDate":"2024-02-14","month":2,"year":2024},{"day":15,"holiday":false,"localDate":"2024-02-15","month":2,"year":2024},{"day":16,"holiday":false,"localDate":"2024-02-16","month":2,"year":2024},{"day":17,"holiday":false,"localDate":"2024-02-17","month":2,"year":2024}],[{"day":18,"holiday":false,"localDate":"2024-02-18","month":2,"year":2024},{"day":19,"holiday":false,"localDate":"2024-02-19","month":2,"year":2024},{"day":20,"holiday":false,"localDate":"2024-02-20","month":2,"year":2024},{"day":21,"holiday":false,"localDate":"2024-02-21","month":2,"year":2024},{"day":22,"holiday":false,"localDate":"2024-02-22","month":2,"year":2024},{"day":23,"holiday":false,"localDate":"2024-02-23","month":2,"year":2024},{"day":24,"holiday":false,"localDate":"2024-02-24","month":2,"year":2024}],[{"day":25,"holiday":false,"localDate":"2024-02-25","month":2,"year":2024},{"day":26,"holiday":false,"localDate":"2024-02-26","month":2,"year":2024},{"day":27,"holiday":false,"localDate":"2024-02-27","month":2,"year":2024},{"day":28,"holiday":false,"localDate":"2024-02-28","month":2,"year":2024},{"day":29,"holiday":false,"localDate":"2024-02-29","month":2,"year":2024},{"day":1,"holiday":false,"localDate":"2024-03-01","month":3,"year":2024},{"day":2,"holiday":false,"localDate":"2024-03-02","month":3,"year":2024}]],[[{"day":25,"holiday":false,"localDate":"2024-02-25","month":2,"year":2024},{"day":26,"holiday":false,"localDate":"2024-02-26","month":2,"year":2024},{"day":27,"holiday":false,"localDate":"2024-02-27","month":2,"year":2024},{"day":28,"holiday":false,"localDate":"2024-02-28","month":2,"year":2024},{"day":29,"holiday":false,"localDate":"2024-02-29","month":2,"year":2024},{"day":1,"holiday":false,"localDate":"2024-03-01","month":3,"year":2024},{"day":2,"holiday":false,"localDate":"2024-03-02","month":3,"year":2024}],[{"day":3,"holiday":false,"localDate":"2024-03-03","month":3,"year":2024},{"day":4,"holiday":false,"localDate":"2024-03-04","month":3,"year":2024},{"day":5,"holiday":false,"localDate":"2024-03-05","month":3,"year":2024},{"day":6,"holiday":false,"localDate":"2024-03-06","month":3,"year":2024},{"day":7,"holiday":false,"localDate":"2024-03-07","month":3,"year":2024},{"day":8,"holiday":false,"localDate":"2024-03-08","month":3,"year":2024},{"day":9,"holiday":false,"localDate":"2024-03-09","month":3,"year":2024}],[{"day":10,"holiday":false,"localDate":"2024-03-10","month":3,"year":2024},{"day":11,"holiday":false,"localDate":"2024-03-11","month":3,"year":2024},{"day":12,"holiday":false,"localDate":"2024-03-12","month":3,"year":2024},{"day":13,"holiday":false,"localDate":"2024-03-13","month":3,"year":2024},{"day":14,"holiday":false,"localDate":"2024-03-14","month":3,"year":2024},{"day":15,"holiday":false,"localDate":"2024-03-15","month":3,"year":2024},{"day":16,"holiday":false,"localDate":"2024-03-16","month":3,"year":2024}],[{"day":17,"holiday":false,"localDate":"2024-03-17","month":3,"year":2024},{"day":18,"holiday":false,"localDate":"2024-03-18","month":3,"year":2024},{"day":19,"holiday":false,"localDate":"2024-03-19","month":3,"year":2024},{"day":20,"holiday":false,"localDate":"2024-03-20","month":3,"year":2024},{"day":21,"holiday":false,"localDate":"2024-03-21","month":3,"year":2024},{"day":22,"holiday":false,"localDate":"2024-03-22","month":3,"year":2024},{"day":23,"holiday":false,"localDate":"2024-03-23","month":3,"year":2024}],[{"day":24,"holiday":false,"localDate":"2024-03-24","month":3,"year":2024},{"day":25,"holiday":false,"localDate":"2024-03-25","month":3,"year":2024},{"day":26,"holiday":false,"localDate":"2024-03-26","month":3,"year":2024},{"day":27,"holiday":false,"localDate":"2024-03-27","month":3,"year":2024},{"day":28,"holiday":false,"localDate":"2024-03-28","month":3,"year":2024},{"day":29,"holiday":false,"localDate":"2024-03-29","month":3,"year":2024},{"day":30,"holiday":false,"localDate":"2024-03-30","month":3,"year":2024}],[{"day":31,"holiday":false,"localDate":"2024-03-31","month":3,"year":2024},{"day":1,"holiday":false,"localDate":"2024-04-01","month":4,"year":2024},{"day":2,"holiday":false,"localDate":"2024-04-02","month":4,"year":2024},{"day":3,"holiday":false,"localDate":"2024-04-03","month":4,"year":2024},{"day":4,"holiday":false,"localDate":"2024-04-04","month":4,"year":2024},{"day":5,"holiday":false,"localDate":"2024-04-05","month":4,"year":2024},{"day":6,"holiday":false,"localDate":"2024-04-06","month":4,"year":2024}]],[[{"day":31,"holiday":false,"localDate":"2024-03-31","month":3,"year":2024},{"day":1,"holiday":false,"localDate":"2024-04-01","month":4,"year":2024},{"day":2,"holiday":false,"localDate":"2024-04-02","month":4,"year":2024},{"day":3,"holiday":false,"localDate":"2024-04-03","month":4,"year":2024},{"day":4,"holiday":false,"localDate":"2024-04-04","month":4,"year":2024},{"day":5,"holiday":false,"localDate":"2024-04-05","month":4,"year":2024},{"day":6,"holiday":false,"localDate":"2024-04-06","month":4,"year":2024}],[{"day":7,"holiday":false,"localDate":"2024-04-07","month":4,"year":2024},{"day":8,"holiday":false,"localDate":"2024-04-08","month":4,"year":2024},{"day":9,"holiday":false,"localDate":"2024-04-09","month":4,"year":2024},{"day":10,"holiday":false,"localDate":"2024-04-10","month":4,"year":2024},{"day":11,"holiday":false,"localDate":"2024-04-11","month":4,"year":2024},{"day":12,"holiday":false,"localDate":"2024-04-12","month":4,"year":2024},{"day":13,"holiday":false,"localDate":"2024-04-13","month":4,"year":2024}],[{"day":14,"holiday":false,"localDate":"2024-04-14","month":4,"year":2024},{"day":15,"holiday":false,"localDate":"2024-04-15","month":4,"year":2024},{"day":16,"holiday":false,"localDate":"2024-04-16","month":4,"year":2024},{"day":17,"holiday":false,"localDate":"2024-04-17","month":4,"year":2024},{"day":18,"holiday":false,"localDate":"2024-04-18","month":4,"year":2024},{"day":19,"holiday":false,"localDate":"2024-04-19","month":4,"year":2024},{"day":20,"holiday":false,"localDate":"2024-04-20","month":4,"year":2024}],[{"day":21,"holiday":false,"localDate":"2024-04-21","month":4,"year":2024},{"day":22,"holiday":false,"localDate":"2024-04-22","month":4,"year":2024},{"day":23,"holiday":false,"localDate":"2024-04-23","month":4,"year":2024},{"day":24,"holiday":false,"localDate":"2024-04-24","month":4,"year":2024},{"day":25,"holiday":false,"localDate":"2024-04-25","month":4,"year":2024},{"day":26,"holiday":false,"localDate":"2024-04-26","month":4,"year":2024},{"day":27,"holiday":false,"localDate":"2024-04-27","month":4,"year":2024}],[{"day":28,"holiday":false,"localDate":"2024-04-28","month":4,"year":2024},{"day":29,"holiday":false,"localDate":"2024-04-29","month":4,"year":2024},{"day":30,"holiday":false,"localDate":"2024-04-30","month":4,"year":2024},{"day":1,"holiday":false,"localDate":"2024-05-01","month":5,"year":2024},{"day":2,"holiday":false,"localDate":"2024-05-02","month":5,"year":2024},{"day":3,"holiday":false,"localDate":"2024-05-03","month":5,"year":2024},{"day":4,"holiday":false,"localDate":"2024-05-04","month":5,"year":2024}]],[[{"day":28,"holiday":false,"localDate":"2024-04-28","month":4,"year":2024},{"day":29,"holiday":false,"localDate":"2024-04-29","month":4,"year":2024},{"day":30,"holiday":false,"localDate":"2024-04-30","month":4,"year":2024},{"day":1,"holiday":false,"localDate":"2024-05-01","month":5,"year":2024},{"day":2,"holiday":false,"localDate":"2024-05-02","month":5,"year":2024},{"day":3,"holiday":false,"localDate":"2024-05-03","month":5,"year":2024},{"day":4,"holiday":false,"localDate":"2024-05-04","month":5,"year":2024}],[{"day":5,"holiday":false,"localDate":"2024-05-05","month":5,"year":2024},{"day":6,"holiday":false,"localDate":"2024-05-06","month":5,"year":2024},{"day":7,"holiday":false,"localDate":"2024-05-07","month":5,"year":2024},{"day":8,"holiday":false,"localDate":"2024-05-08","month":5,"year":2024},{"day":9,"holiday":false,"localDate":"2024-05-09","month":5,"year":2024},{"day":10,"holiday":false,"localDate":"2024-05-10","month":5,"year":2024},{"day":11,"holiday":false,"localDate":"2024-05-11","month":5,"year":2024}],[{"day":12,"holiday":false,"localDate":"2024-05-12","month":5,"year":2024},{"day":13,"holiday":false,"localDate":"2024-05-13","month":5,"year":2024},{"day":14,"holiday":false,"localDate":"2024-05-14","month":5,"year":2024},{"day":15,"holiday":false,"localDate":"2024-05-15","month":5,"year":2024},{"day":16,"holiday":false,"localDate":"2024-05-16","month":5,"year":2024},{"day":17,"holiday":false,"localDate":"2024-05-17","month":5,"year":2024},{"day":18,"holiday":false,"localDate":"2024-05-18","month":5,"year":2024}],[{"day":19,"holiday":false,"localDate":"2024-05-19","month":5,"year":2024},{"day":20,"holiday":false,"localDate":"2024-05-20","month":5,"year":2024},{"day":21,"holiday":false,"localDate":"2024-05-21","month":5,"year":2024},{"day":22,"holiday":false,"localDate":"2024-05-22","month":5,"year":2024},{"day":23,"holiday":false,"localDate":"2024-05-23","month":5,"year":2024},{"day":24,"holiday":false,"localDate":"2024-05-24","month":5,"year":2024},{"day":25,"holiday":false,"localDate":"2024-05-25","month":5,"year":2024}],[{"day":26,"holiday":false,"localDate":"2024-05-26","month":5,"year":2024},{"day":27,"holiday":false,"localDate":"2024-05-27","month":5,"year":2024},{"day":28,"holiday":false,"localDate":"2024-05-28","month":5,"year":2024},{"day":29,"holiday":false,"localDate":"2024-05-29","month":5,"year":2024},{"day":30,"holiday":false,"localDate":"2024-05-30","month":5,"year":2024},{"day":31,"holiday":false,"localDate":"2024-05-31","month":5,"year":2024},{"day":1,"holiday":false,"localDate":"2024-06-01","month":6,"year":2024}]],[[{"day":26,"holiday":false,"localDate":"2024-05-26","month":5,"year":2024},{"day":27,"holiday":false,"localDate":"2024-05-27","month":5,"year":2024},{"day":28,"holiday":false,"localDate":"2024-05-28","month":5,"year":2024},{"day":29,"holiday":false,"localDate":"2024-05-29","month":5,"year":2024},{"day":30,"holiday":false,"localDate":"2024-05-30","month":5,"year":2024},{"day":31,"holiday":false,"localDate":"2024-05-31","month":5,"year":2024},{"day":1,"holiday":false,"localDate":"2024-06-01","month":6,"year":2024}],[{"day":2,"holiday":false,"localDate":"2024-06-02","month":6,"year":2024},{"day":3,"holiday":false,"localDate":"2024-06-03","month":6,"year":2024},{"day":4,"holiday":false,"localDate":"2024-06-04","month":6,"year":2024},{"day":5,"holiday":false,"localDate":"2024-06-05","month":6,"year":2024},{"day":6,"holiday":false,"localDate":"2024-06-06","month":6,"year":2024},{"day":7,"holiday":false,"localDate":"2024-06-07","month":6,"year":2024},{"day":8,"holiday":false,"localDate":"2024-06-08","month":6,"year":2024}],[{"day":9,"holiday":false,"localDate":"2024-06-09","month":6,"year":2024},{"day":10,"holiday":false,"localDate":"2024-06-10","month":6,"year":2024},{"day":11,"holiday":false,"localDate":"2024-06-11","month":6,"year":2024},{"day":12,"holiday":false,"localDate":"2024-06-12","month":6,"year":2024},{"day":13,"holiday":false,"localDate":"2024-06-13","month":6,"year":2024},{"day":14,"holiday":false,"localDate":"2024-06-14","month":6,"year":2024},{"day":15,"holiday":false,"localDate":"2024-06-15","month":6,"year":2024}],[{"day":16,"holiday":false,"localDate":"2024-06-16","month":6,"year":2024},{"day":17,"holiday":false,"localDate":"2024-06-17","month":6,"year":2024},{"day":18,"holiday":false,"localDate":"2024-06-18","month":6,"year":2024},{"day":19,"holiday":false,"localDate":"2024-06-19","month":6,"year":2024},{"day":20,"holiday":false,"localDate":"2024-06-20","month":6,"year":2024},{"day":21,"holiday":false,"localDate":"2024-06-21","month":6,"year":2024},{"day":22,"holiday":false,"localDate":"2024-06-22","month":6,"year":2024}],[{"day":23,"holiday":false,"localDate":"2024-06-23","month":6,"year":2024},{"day":24,"holiday":false,"localDate":"2024-06-24","month":6,"year":2024},{"day":25,"holiday":false,"localDate":"2024-06-25","month":6,"year":2024},{"day":26,"holiday":false,"localDate":"2024-06-26","month":6,"year":2024},{"day":27,"holiday":false,"localDate":"2024-06-27","month":6,"year":2024},{"day":28,"holiday":false,"localDate":"2024-06-28","month":6,"year":2024},{"day":29,"holiday":false,"localDate":"2024-06-29","month":6,"year":2024}],[{"day":30,"holiday":false,"localDate":"2024-06-30","month":6,"year":2024},{"day":1,"holiday":false,"localDate":"2024-07-01","month":7,"year":2024},{"day":2,"holiday":false,"localDate":"2024-07-02","month":7,"year":2024},{"day":3,"holiday":false,"localDate":"2024-07-03","month":7,"year":2024},{"day":4,"holiday":false,"localDate":"2024-07-04","month":7,"year":2024},{"day":5,"holiday":false,"localDate":"2024-07-05","month":7,"year":2024},{"day":6,"holiday":false,"localDate":"2024-07-06","month":7,"year":2024}]],[[{"day":30,"holiday":false,"localDate":"2024-06-30","month":6,"year":2024},{"day":1,"holiday":false,"localDate":"2024-07-01","month":7,"year":2024},{"day":2,"holiday":false,"localDate":"2024-07-02","month":7,"year":2024},{"day":3,"holiday":false,"localDate":"2024-07-03","month":7,"year":2024},{"day":4,"holiday":false,"localDate":"2024-07-04","month":7,"year":2024},{"day":5,"holiday":false,"localDate":"2024-07-05","month":7,"year":2024},{"day":6,"holiday":false,"localDate":"2024-07-06","month":7,"year":2024}],[{"day":7,"holiday":false,"localDate":"2024-07-07","month":7,"year":2024},{"day":8,"holiday":false,"localDate":"2024-07-08","month":7,"year":2024},{"day":9,"holiday":false,"localDate":"2024-07-09","month":7,"year":2024},{"day":10,"holiday":false,"localDate":"2024-07-10","month":7,"year":2024},{"day":11,"holiday":false,"localDate":"2024-07-11","month":7,"year":2024},{"day":12,"holiday":false,"localDate":"2024-07-12","month":7,"year":2024},{"day":13,"holiday":false,"localDate":"2024-07-13","month":7,"year":2024}],[{"day":14,"holiday":false,"localDate":"2024-07-14","month":7,"year":2024},{"day":15,"holiday":false,"localDate":"2024-07-15","month":7,"year":2024},{"day":16,"holiday":false,"localDate":"2024-07-16","month":7,"year":2024},{"day":17,"holiday":false,"localDate":"2024-07-17","month":7,"year":2024},{"day":18,"holiday":false,"localDate":"2024-07-18","month":7,"year":2024},{"day":19,"holiday":false,"localDate":"2024-07-19","month":7,"year":2024},{"day":20,"holiday":false,"localDate":"2024-07-20","month":7,"year":2024}],[{"day":21,"holiday":false,"localDate":"2024-07-21","month":7,"year":2024},{"day":22,"holiday":false,"localDate":"2024-07-22","month":7,"year":2024},{"day":23,"holiday":false,"localDate":"2024-07-23","month":7,"year":2024},{"day":24,"holiday":false,"localDate":"2024-07-24","month":7,"year":2024},{"day":25,"holiday":false,"localDate":"2024-07-25","month":7,"year":2024},{"day":26,"holiday":false,"localDate":"2024-07-26","month":7,"year":2024},{"day":27,"holiday":false,"localDate":"2024-07-27","month":7,"year":2024}],[{"day":28,"holiday":false,"localDate":"2024-07-28","month":7,"year":2024},{"day":29,"holiday":false,"localDate":"2024-07-29","month":7,"year":2024},{"day":30,"holiday":false,"localDate":"2024-07-30","month":7,"year":2024},{"day":31,"holiday":false,"localDate":"2024-07-31","month":7,"year":2024},{"day":1,"holiday":false,"localDate":"2024-08-01","month":8,"year":2024},{"day":2,"holiday":false,"localDate":"2024-08-02","month":8,"year":2024},{"day":3,"holiday":false,"localDate":"2024-08-03","month":8,"year":2024}]],[[{"day":28,"holiday":false,"localDate":"2024-07-28","month":7,"year":2024},{"day":29,"holiday":false,"localDate":"2024-07-29","month":7,"year":2024},{"day":30,"holiday":false,"localDate":"2024-07-30","month":7,"year":2024},{"day":31,"holiday":false,"localDate":"2024-07-31","month":7,"year":2024},{"day":1,"holiday":false,"localDate":"2024-08-01","month":8,"year":2024},{"day":2,"holiday":false,"localDate":"2024-08-02","month":8,"year":2024},{"day":3,"holiday":false,"localDate":"2024-08-03","month":8,"year":2024}],[{"day":4,"holiday":false,"localDate":"2024-08-04","month":8,"year":2024},{"day":5,"holiday":false,"localDate":"2024-08-05","month":8,"year":2024},{"day":6,"holiday":false,"localDate":"2024-08-06","month":8,"year":2024},{"day":7,"holiday":false,"localDate":"2024-08-07","month":8,"year":2024},{"day":8,"holiday":false,"localDate":"2024-08-08","month":8,"year":2024},{"day":9,"holiday":false,"localDate":"2024-08-09","month":8,"year":2024},{"day":10,"holiday":false,"localDate":"2024-08-10","month":8,"year":2024}],[{"day":11,"holiday":false,"localDate":"2024-08-11","month":8,"year":2024},{"day":12,"holiday":false,"localDate":"2024-08-12","month":8,"year":2024},{"day":13,"holiday":false,"localDate":"2024-08-13","month":8,"year":2024},{"day":14,"holiday":false,"localDate":"2024-08-14","month":8,"year":2024},{"day":15,"holiday":false,"localDate":"2024-08-15","month":8,"year":2024},{"day":16,"holiday":false,"localDate":"2024-08-16","month":8,"year":2024},{"day":17,"holiday":false,"localDate":"2024-08-17","month":8,"year":2024}],[{"day":18,"holiday":false,"localDate":"2024-08-18","month":8,"year":2024},{"day":19,"holiday":false,"localDate":"2024-08-19","month":8,"year":2024},{"day":20,"holiday":false,"localDate":"2024-08-20","month":8,"year":2024},{"day":21,"holiday":false,"localDate":"2024-08-21","month":8,"year":2024},{"day":22,"holiday":false,"localDate":"2024-08-22","month":8,"year":2024},{"day":23,"holiday":false,"localDate":"2024-08-23","month":8,"year":2024},{"day":24,"holiday":false,"localDate":"2024-08-24","month":8,"year":2024}],[{"day":25,"holiday":false,"localDate":"2024-08-25","month":8,"year":2024},{"day":26,"holiday":false,"localDate":"2024-08-26","month":8,"year":2024},{"day":27,"holiday":false,"localDate":"2024-08-27","month":8,"year":2024},{"day":28,"holiday":false,"localDate":"2024-08-28","month":8,"year":2024},{"day":29,"holiday":false,"localDate":"2024-08-29","month":8,"year":2024},{"day":30,"holiday":false,"localDate":"2024-08-30","month":8,"year":2024},{"day":31,"holiday":false,"localDate":"2024-08-31","month":8,"year":2024}]],[[{"day":1,"holiday":false,"localDate":"2024-09-01","month":9,"year":2024},{"day":2,"holiday":false,"localDate":"2024-09-02","month":9,"year":2024},{"day":3,"holiday":false,"localDate":"2024-09-03","month":9,"year":2024},{"day":4,"holiday":false,"localDate":"2024-09-04","month":9,"year":2024},{"day":5,"holiday":false,"localDate":"2024-09-05","month":9,"year":2024},{"day":6,"holiday":false,"localDate":"2024-09-06","month":9,"year":2024},{"day":7,"holiday":false,"localDate":"2024-09-07","month":9,"year":2024}],[{"day":8,"holiday":false,"localDate":"2024-09-08","month":9,"year":2024},{"day":9,"holiday":false,"localDate":"2024-09-09","month":9,"year":2024},{"day":10,"holiday":false,"localDate":"2024-09-10","month":9,"year":2024},{"day":11,"holiday":false,"localDate":"2024-09-11","month":9,"year":2024},{"day":12,"holiday":false,"localDate":"2024-09-12","month":9,"year":2024},{"day":13,"holiday":false,"localDate":"2024-09-13","month":9,"year":2024},{"day":14,"holiday":false,"localDate":"2024-09-14","month":9,"year":2024}],[{"day":15,"holiday":false,"localDate":"2024-09-15","month":9,"year":2024},{"day":16,"holiday":false,"localDate":"2024-09-16","month":9,"year":2024},{"day":17,"holiday":false,"localDate":"2024-09-17","month":9,"year":2024},{"day":18,"holiday":false,"localDate":"2024-09-18","month":9,"year":2024},{"day":19,"holiday":false,"localDate":"2024-09-19","month":9,"year":2024},{"day":20,"holiday":false,"localDate":"2024-09-20","month":9,"year":2024},{"day":21,"holiday":false,"localDate":"2024-09-21","month":9,"year":2024}],[{"day":22,"holiday":false,"localDate":"2024-09-22","month":9,"year":2024},{"day":23,"holiday":false,"localDate":"2024-09-23","month":9,"year":2024},{"day":24,"holiday":false,"localDate":"2024-09-24","month":9,"year":2024},{"day":25,"holiday":false,"localDate":"2024-09-25","month":9,"year":2024},{"day":26,"holiday":false,"localDate":"2024-09-26","month":9,"year":2024},{"day":27,"holiday":false,"localDate":"2024-09-27","month":9,"year":2024},{"day":28,"holiday":false,"localDate":"2024-09-28","month":9,"year":2024}],[{"day":29,"holiday":false,"localDate":"2024-09-29","month":9,"year":2024},{"day":30,"holiday":false,"localDate":"2024-09-30","month":9,"year":2024},{"day":1,"holiday":true,"holidayName":"国庆节","localDate":"2024-10-01","month":10,"year":2024},{"day":2,"holiday":true,"holidayName":"国庆节","localDate":"2024-10-02","month":10,"year":2024},{"day":3,"holiday":true,"holidayName":"国庆节","localDate":"2024-10-03","month":10,"year":2024},{"day":4,"holiday":false,"localDate":"2024-10-04","month":10,"year":2024},{"day":5,"holiday":false,"localDate":"2024-10-05","month":10,"year":2024}]],[[{"day":29,"holiday":false,"localDate":"2024-09-29","month":9,"year":2024},{"day":30,"holiday":false,"localDate":"2024-09-30","month":9,"year":2024},{"day":1,"holiday":true,"holidayName":"国庆节","localDate":"2024-10-01","month":10,"year":2024},{"day":2,"holiday":true,"holidayName":"国庆节","localDate":"2024-10-02","month":10,"year":2024},{"day":3,"holiday":true,"holidayName":"国庆节","localDate":"2024-10-03","month":10,"year":2024},{"day":4,"holiday":false,"localDate":"2024-10-04","month":10,"year":2024},{"day":5,"holiday":false,"localDate":"2024-10-05","month":10,"year":2024}],[{"day":6,"holiday":false,"localDate":"2024-10-06","month":10,"year":2024},{"day":7,"holiday":false,"localDate":"2024-10-07","month":10,"year":2024},{"day":8,"holiday":false,"localDate":"2024-10-08","month":10,"year":2024},{"day":9,"holiday":false,"localDate":"2024-10-09","month":10,"year":2024},{"day":10,"holiday":false,"localDate":"2024-10-10","month":10,"year":2024},{"day":11,"holiday":false,"localDate":"2024-10-11","month":10,"year":2024},{"day":12,"holiday":false,"localDate":"2024-10-12","month":10,"year":2024}],[{"day":13,"holiday":false,"localDate":"2024-10-13","month":10,"year":2024},{"day":14,"holiday":false,"localDate":"2024-10-14","month":10,"year":2024},{"day":15,"holiday":false,"localDate":"2024-10-15","month":10,"year":2024},{"day":16,"holiday":false,"localDate":"2024-10-16","month":10,"year":2024},{"day":17,"holiday":false,"localDate":"2024-10-17","month":10,"year":2024},{"day":18,"holiday":false,"localDate":"2024-10-18","month":10,"year":2024},{"day":19,"holiday":false,"localDate":"2024-10-19","month":10,"year":2024}],[{"day":20,"holiday":false,"localDate":"2024-10-20","month":10,"year":2024},{"day":21,"holiday":false,"localDate":"2024-10-21","month":10,"year":2024},{"day":22,"holiday":false,"localDate":"2024-10-22","month":10,"year":2024},{"day":23,"holiday":false,"localDate":"2024-10-23","month":10,"year":2024},{"day":24,"holiday":false,"localDate":"2024-10-24","month":10,"year":2024},{"day":25,"holiday":false,"localDate":"2024-10-25","month":10,"year":2024},{"day":26,"holiday":false,"localDate":"2024-10-26","month":10,"year":2024}],[{"day":27,"holiday":false,"localDate":"2024-10-27","month":10,"year":2024},{"day":28,"holiday":false,"localDate":"2024-10-28","month":10,"year":2024},{"day":29,"holiday":false,"localDate":"2024-10-29","month":10,"year":2024},{"day":30,"holiday":false,"localDate":"2024-10-30","month":10,"year":2024},{"day":31,"holiday":false,"localDate":"2024-10-31","month":10,"year":2024},{"day":1,"holiday":false,"localDate":"2024-11-01","month":11,"year":2024},{"day":2,"holiday":false,"localDate":"2024-11-02","month":11,"year":2024}]],[[{"day":27,"holiday":false,"localDate":"2024-10-27","month":10,"year":2024},{"day":28,"holiday":false,"localDate":"2024-10-28","month":10,"year":2024},{"day":29,"holiday":false,"localDate":"2024-10-29","month":10,"year":2024},{"day":30,"holiday":false,"localDate":"2024-10-30","month":10,"year":2024},{"day":31,"holiday":false,"localDate":"2024-10-31","month":10,"year":2024},{"day":1,"holiday":false,"localDate":"2024-11-01","month":11,"year":2024},{"day":2,"holiday":false,"localDate":"2024-11-02","month":11,"year":2024}],[{"day":3,"holiday":false,"localDate":"2024-11-03","month":11,"year":2024},{"day":4,"holiday":false,"localDate":"2024-11-04","month":11,"year":2024},{"day":5,"holiday":false,"localDate":"2024-11-05","month":11,"year":2024},{"day":6,"holiday":false,"localDate":"2024-11-06","month":11,"year":2024},{"day":7,"holiday":false,"localDate":"2024-11-07","month":11,"year":2024},{"day":8,"holiday":false,"localDate":"2024-11-08","month":11,"year":2024},{"day":9,"holiday":false,"localDate":"2024-11-09","month":11,"year":2024}],[{"day":10,"holiday":false,"localDate":"2024-11-10","month":11,"year":2024},{"day":11,"holiday":false,"localDate":"2024-11-11","month":11,"year":2024},{"day":12,"holiday":false,"localDate":"2024-11-12","month":11,"year":2024},{"day":13,"holiday":false,"localDate":"2024-11-13","month":11,"year":2024},{"day":14,"holiday":false,"localDate":"2024-11-14","month":11,"year":2024},{"day":15,"holiday":false,"localDate":"2024-11-15","month":11,"year":2024},{"day":16,"holiday":false,"localDate":"2024-11-16","month":11,"year":2024}],[{"day":17,"holiday":false,"localDate":"2024-11-17","month":11,"year":2024},{"day":18,"holiday":false,"localDate":"2024-11-18","month":11,"year":2024},{"day":19,"holiday":false,"localDate":"2024-11-19","month":11,"year":2024},{"day":20,"holiday":false,"localDate":"2024-11-20","month":11,"year":2024},{"day":21,"holiday":false,"localDate":"2024-11-21","month":11,"year":2024},{"day":22,"holiday":false,"localDate":"2024-11-22","month":11,"year":2024},{"day":23,"holiday":false,"localDate":"2024-11-23","month":11,"year":2024}],[{"day":24,"holiday":false,"localDate":"2024-11-24","month":11,"year":2024},{"day":25,"holiday":false,"localDate":"2024-11-25","month":11,"year":2024},{"day":26,"holiday":false,"localDate":"2024-11-26","month":11,"year":2024},{"day":27,"holiday":false,"localDate":"2024-11-27","month":11,"year":2024},{"day":28,"holiday":false,"localDate":"2024-11-28","month":11,"year":2024},{"day":29,"holiday":false,"localDate":"2024-11-29","month":11,"year":2024},{"day":30,"holiday":false,"localDate":"2024-11-30","month":11,"year":2024}]],[[{"day":1,"holiday":false,"localDate":"2024-12-01","month":12,"year":2024},{"day":2,"holiday":false,"localDate":"2024-12-02","month":12,"year":2024},{"day":3,"holiday":false,"localDate":"2024-12-03","month":12,"year":2024},{"day":4,"holiday":false,"localDate":"2024-12-04","month":12,"year":2024},{"day":5,"holiday":false,"localDate":"2024-12-05","month":12,"year":2024},{"day":6,"holiday":false,"localDate":"2024-12-06","month":12,"year":2024},{"day":7,"holiday":false,"localDate":"2024-12-07","month":12,"year":2024}],[{"day":8,"holiday":false,"localDate":"2024-12-08","month":12,"year":2024},{"day":9,"holiday":false,"localDate":"2024-12-09","month":12,"year":2024},{"day":10,"holiday":false,"localDate":"2024-12-10","month":12,"year":2024},{"day":11,"holiday":false,"localDate":"2024-12-11","month":12,"year":2024},{"day":12,"holiday":false,"localDate":"2024-12-12","month":12,"year":2024},{"day":13,"holiday":false,"localDate":"2024-12-13","month":12,"year":2024},{"day":14,"holiday":false,"localDate":"2024-12-14","month":12,"year":2024}],[{"day":15,"holiday":false,"localDate":"2024-12-15","month":12,"year":2024},{"day":16,"holiday":false,"localDate":"2024-12-16","month":12,"year":2024},{"day":17,"holiday":false,"localDate":"2024-12-17","month":12,"year":2024},{"day":18,"holiday":false,"localDate":"2024-12-18","month":12,"year":2024},{"day":19,"holiday":false,"localDate":"2024-12-19","month":12,"year":2024},{"day":20,"holiday":false,"localDate":"2024-12-20","month":12,"year":2024},{"day":21,"holiday":false,"localDate":"2024-12-21","month":12,"year":2024}],[{"day":22,"holiday":false,"localDate":"2024-12-22","month":12,"year":2024},{"day":23,"holiday":false,"localDate":"2024-12-23","month":12,"year":2024},{"day":24,"holiday":false,"localDate":"2024-12-24","month":12,"year":2024},{"day":25,"holiday":false,"localDate":"2024-12-25","month":12,"year":2024},{"day":26,"holiday":false,"localDate":"2024-12-26","month":12,"year":2024},{"day":27,"holiday":false,"localDate":"2024-12-27","month":12,"year":2024},{"day":28,"holiday":false,"localDate":"2024-12-28","month":12,"year":2024}],[{"day":29,"holiday":false,"localDate":"2024-12-29","month":12,"year":2024},{"day":30,"holiday":false,"localDate":"2024-12-30","month":12,"year":2024},{"day":31,"holiday":false,"localDate":"2024-12-31","month":12,"year":2024},{"day":1,"holiday":false,"localDate":"2025-01-01","month":1,"year":2025},{"day":2,"holiday":false,"localDate":"2025-01-02","month":1,"year":2025},{"day":3,"holiday":false,"localDate":"2025-01-03","month":1,"year":2025},{"day":4,"holiday":false,"localDate":"2025-01-04","month":1,"year":2025}]]],
        openCalendar: false
        }
    },
  methods: {
    showCalendar(){
      this.openCalendar = true;
    },
    cancelCalendar(){
      this.openCalendar = false;
    }
}

数据是在服务端组装的

package com.xx;

import com.alibaba.fastjson2.JSONObject;
import lombok.Data;

import java.time.*;
import java.time.temporal.ChronoUnit;
import java.time.temporal.TemporalAdjusters;
import java.time.temporal.WeekFields;
import java.util.*;

public class Demo {
    private static final Map<String,String> holidays;
    static{
        holidays = new HashMap<>();
        holidays.put("2024-01-01","元旦");
        holidays.put("2024-10-01","国庆节");
        holidays.put("2024-10-02","国庆节");
        holidays.put("2024-10-03","国庆节");
    }

    public static void main(String[] args) {
        int year = 2024; // 指定年份
        WeekFields weekFields = WeekFields.of(Locale.getDefault());
        List<List<List<MyDate>>> list = new ArrayList<>();
        //遍历12个月
        for (int i = 1; i <= 12; i++){
            List<List<MyDate>> weekList = new ArrayList<>();
            list.add(weekList);
            //card展示第一天
            LocalDate firstDayOfMonth = LocalDate.of(year, i, 1);
            LocalDate firstDay = firstDayOfMonth.with(weekFields.dayOfWeek(), 1);
            //card展示最后一天
            LocalDate lastDayOfMonth = firstDayOfMonth.with(TemporalAdjusters.lastDayOfMonth());
            LocalDate lastDay = lastDayOfMonth.with(weekFields.dayOfWeek(), 1).plusDays(6);
            //这个月有几周
            long weeksBetween = ChronoUnit.WEEKS.between(firstDay, lastDay);
            int cou = 0;
            //遍历每周
            for (int j = 0; j < weeksBetween+1; j++){
                List<MyDate> week = new ArrayList<>();
                weekList.add(week);
                //遍历每天
                for (int k = 0; k < 7; k++){
                    LocalDate localDate = firstDay.plusDays(cou++);
                    MyDate myDate = new MyDate();
                    myDate.setYear(localDate.getYear());
                    myDate.setMonth(localDate.getMonthValue());
                    myDate.setDay(localDate.getDayOfMonth());
                    myDate.setLocalDate(localDate.toString());
                    myDate.setHoliday(holidays.containsKey(localDate.toString()));//是否是节假日
                    myDate.setHolidayName(holidays.get(localDate.toString()));//什么节日
                    week.add(myDate);
                }
            }
        }
        System.out.println(JSONObject.toJSONString(list));
    }
}

@Data
class MyDate {
    private String localDate;
    private int year;
    private int month;
    private int day;
    private boolean isHoliday;
    private String holidayName;
}