基于 element-plus Calendar 做了一些小调整

死猪佩奇@

已于 2024-01-04 11:56:04 修改

阅读量692

点赞数 7

分类专栏：前端文章标签： vue.js jquery elementui vue

于 2023-12-29 11:46:18 首次发布

本文链接：https://blog.youkuaiyun.com/YouShuihe/article/details/135287330

版权

效果图：
在这里插入图片描述

在这里插入图片描述

<template>
  <app-page>
    <app-table-layout #table>
      <el-calendar ref="calendar" :v-model="new Date()">
        <template #header="{ date }">
          <span>编辑节假日</span>
          <span>{
   {
    date }}</span>
          <el-button-group>
            <el-button size="mini" @click="selectDate('prev-year')">上一年</el-button>
            <el-button size="mini" @click="selectDate('prev-month')">上个月</el-button>
            <el-button size="mini" @click="selectDate('today')">今天</el-button>
            <el-button size="mini" @click="selectDate('next-month')">下个月</el-button>
            <el-button size="mini" @click="selectDate('next-year')">下一年</el-button>
          </el-button-group>
        </template>
        <template #dateCell="{ data }">
          <div style="height: 100%;width: 100%;" @click="showEdit(textContent(data.day), data.day)">
            <el-row :class="data.isSelected ? 'is-selected' : ''" style="display: inherit;">
              {
   {
    data.day.split('-'

最低0.47元/天解锁文章