当前位置: 首页 > article >正文

vue 禁用element-ui calendar 取消非本月日期的点击事件

需求描述:原本的日历组件不是本月的日期是灰色的,且点击后会跳转到对应的月份,现在不想它跳转,需要禁用它的点击事件

方法:使用css的pointer-events:none属性即可,把不是当前月份的日历表格的td属性修改

::v-deep .el-calendar {

        .el-calendar-table{

          width: 100%;

          height: 100%;

          &:not(.is-range){

            //使不是本月的日期不可点击,不会跳转到其他月份

            // 当元素的 pointer-events 属性被设置为 none 时,该元素及其子元素将无法与鼠标或触摸设备产生交互作用,即无法触发事件。

            td.next{

              pointer-events: none;

            }

            td.prev{

              pointer-events: none;

            }

          }

        }

      }


http://www.kler.cn/a/377012.html

相关文章:

  • kubernetes第五天
  • xxl-job回调执行器,发生NPE空指针异常
  • C++ 泛型编程:动态数据类模版类内定义、类外实现
  • 使用WPF在C#中制作下载按钮
  • JuiceFS 详解:一款为云原生设计的高性能分布式文件系统
  • CS·GO搬砖流程详细版
  • 【大模型LLM面试合集】大语言模型架构_tokenize分词
  • Maven详解—(详解Maven,包括Maven依赖管理以及声明周期,Maven仓库、idea集成Maven)
  • 基于Spring Boot和Vue的电子商城系统功能设计
  • Java面向对象的理解
  • 【JavaSE】java对象的比较
  • Linux:防火墙和selinux对服务的影响
  • Electron+Vue3+TS+sqlite3项目搭建加入sqlite3后无法运行问题
  • 沈阳乐晟睿浩科技有限公司抖音小店短视频时代的电商蓝海
  • ctfshow web入门文件上传总结
  • 【ShuQiHere】使用链表 (Linked List) 和数组 (Array) 实现栈 (Stack) 的深入解析与比较
  • 2. Flink快速上手
  • Web3中的数据主权:区块链如何为用户赋能
  • Java-02
  • VS2017+Qt5.12.9+CMake3.30.2编译VTK 9.2.0
  • 基于Springboot+Vue的养老系统(含源码数据库)
  • 数据结构与算法——第四讲:静态链表及双向链表
  • opencv 图像预处理
  • Unity humanoid 模型头发动画失效问题
  • YOLOv6-4.0部分代码阅读笔记-yolo_lite.py
  • 信源熵的概念