Element-ui自定义日历

效果图：

实现代码:

<el-calendar v-model="currentMonthFirstDay">
          <template
            slot="dateCell"
            slot-scope="{date, data}">
            <template v-if="timeData.includes(data.day)">
              <div class="date_title">
                {
  
  { data.day.split('-').slice(2).join('-') }}
                <i class="el-icon-edit"></i>
              </div>
              <template v-if="calendarDataObj[data.day]">
                <div class="calendar_l_content l_blue">
                  <div> 人数</div>
                  <div> {
  
  {calendarDataObj[data.day].numPeople}} 人<