Ant Design Vue3 实现节假日管理

<!-- eslint-disable vue/v-on-event-hyphenation -->
<!-- eslint-disable vue/no-v-html -->
<template>
  <div v-loading="!showCalendar" class="holiday">
    <div style="width: 70%">
      <Calendar
        v-model:value="nowDate"
        @panelChange="onPanelChange"
        v-if="showCalendar"
        :disabledDate="disabledDateFun"
        @select="onSelect"
      >
        <template #headerRender="{ value: current, onChange }">
          <div style="padding: 20px">
            <Row type="flex" justify="end">
              <Col :span="2">
                <Select
                  :dropdown-match-select-width="false"
                  class="my-year-select"
                  :value="String(current.year())"
                  @change="
                    (newYear) => {
                      onChange(current.year(+newYear));
                    }
                  "
                >
                  <SelectOption
                    v-for="val in getYears(current)"
                    :key="String(val)"
                    class="year-item"
                  >
                    {
  { val }}
                  </SelectOption>
                </Select>
              </Col>
              <Col>
                <Select
                  :dropdown-match-select-width="