vue elementui 日历内容自定义

最新推荐文章于 2024-09-14 11:50:43 发布

菜冬眠。

最新推荐文章于 2024-09-14 11:50:43 发布

阅读量927

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wodecc_u/article/details/115948515

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<el-calendar v-else v-model="toMonth">
        <template slot="dateCell" slot-scope="{date, data}">
          <p :class="data.isSelected ? 'is-selected' : ''">
            <span
              style="margin-right: 5px;font-size: 22px;font-weight: bold;">{{ data.day.split('-').slice(2).join('-') }}
            </span>
          </p>
          <span v-for="item in monthList" v-if="item.date == data.day">
          //monthList 中 date 为 03-01
          //判断日期相等 如 03-01 == 03-01 然后在这里写自定义内容
          </span>
        </template>
      </el-calendar>