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

element日历组件只显示月和日,把年份隐藏掉

最终效果: 

把年份和旁边的两个小标志小标去掉, 也就是把这红色框框内的内容隐藏掉

我们先用控制台看看里面具体的样式

1、可以看到 class =“el-date-picker__header” 的 div是控制日历组件的标题的,div里面的button和span就是对应标题里面的各个标签
2、需要把想要隐藏的标签给隐藏掉,就是要取“el-date-picker__header”这个类下指定button和span
3、确定需要我们隐藏的到底是哪个button和span(年份和对应的<<  和  >>隐藏掉)

/*选择日期,年份的隐藏 */
.picker-date {.el-date-picker__header {span:nth-child(3) { /*第三个标签是span的标签,把它隐藏*/display: none;}button:nth-child(1) {display: none;}button:nth-child(5) {display: none;}}
}

相关文章:

  • 电脑入门基础知识
  • “百里挑一”AI原生应用亮相,百度智能云千帆AI加速器首个Demo Day来了!
  • ​configparser --- 配置文件解析器​
  • 高通平台开发系列讲解(USB篇)MBIM协议详解
  • 蚂蚁SEO的百度蜘蛛池有哪些优势
  • 搜索引擎和网络浏览器之间的区别
  • filebeat 后端运行,自动退出解决
  • Layui深入
  • 【Spark精讲】Spark任务运行流程
  • uni-app应用设置 可以根据手机屏幕旋转进行 (横/竖) 屏切换
  • 【计算机视觉】Harris角点检测
  • 【洛谷】【模板】排序
  • Log4j.xml配置说明
  • PgSQL高级
  • 一文讲解关于MCU启动原理的几个关键问题
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • C语言笔记(第一章:C语言编程)
  • Koa2 之文件上传下载
  • Spark学习笔记之相关记录
  • ⭐ Unity 开发bug —— 打包后shader失效或者bug (我这里用Shader做两张图片的合并发现了问题)
  • 代理模式
  • 当SetTimeout遇到了字符串
  • 更好理解的面向对象的Javascript 1 —— 动态类型和多态
  • 基于Vue2全家桶的移动端AppDEMO实现
  • 前端攻城师
  • 如何解决微信端直接跳WAP端
  • 如何在GitHub上创建个人博客
  • 适配mpvue平台的的微信小程序日历组件mpvue-calendar
  • 用 vue 组件自定义 v-model, 实现一个 Tab 组件。
  • Oracle Portal 11g Diagnostics using Remote Diagnostic Agent (RDA) [ID 1059805.
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • ​学习一下,什么是预包装食品?​
  • ![CDATA[ ]] 是什么东东
  • #FPGA(基础知识)
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • $emit传递多个参数_PPC和MIPS指令集下二进制代码中函数参数个数的识别方法
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (libusb) usb口自动刷新
  • (LNMP) How To Install Linux, nginx, MySQL, PHP
  • (二)丶RabbitMQ的六大核心
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • (转)chrome浏览器收藏夹(书签)的导出与导入
  • .NET 5种线程安全集合
  • .NET Framework 和 .NET Core 在默认情况下垃圾回收(GC)机制的不同(局部变量部分)
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • .NET4.0并行计算技术基础(1)
  • /usr/local/nginx/logs/nginx.pid failed (2: No such file or directory)
  • @column注解_MyBatis注解开发 -MyBatis(15)
  • []T 还是 []*T, 这是一个问题
  • [AHOI2009]中国象棋 DP,递推,组合数
  • [BZOJ 3680]吊打XXX(模拟退火)
  • [Deep Learning] 神经网络基础