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

官网上显示的日历，

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

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

我们可以看到 class =“el-date-picker__header” 的 div是控制日历组件的标题的，div里面的button和span就是对应标题里面的各个标签
现在我们就需要把想要隐藏的标签给隐藏掉，就是要取“el-date-picker__header”这个类下指定button和span
确定需要我们隐藏的到底是哪个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;}}
}

这样就可以把年份和对应的<< 和 >>隐藏掉

可以给给el-date-picker日历组件加一个popper-class="picker-date"这样的下拉框类名，防止全局污染

element日历组件只显示月和日，把年份隐藏掉相关推荐

bootstrap中日历组件只显示年月
大多数情况下日历组件我们使用的都是yyyy-mm-dd的日历格式,但是有时候需求不需要我们精确到日,而是最小单位到月份(yyyy-mm),网上找了很多方法,但是都没有我想要的效果,一些属性的设置都没有 ...
element 日历组件应用相关的问题
1.使用element日历组件会自带按钮组,要实现切换时间的时候去获取相关月份的排班数据,但是按钮组并不存在于日历组件中 <el-calendar v-model="value&quo ...
[Android]只显示月和日的DatePickerDialog
一.效果图 1.1 默认 1.2 处理后二.实现代码 2.1 代码片段1 /** * 从当前Dialog中查找DatePicker子控件 * * @param ...
VUE做一个公共的提示组件，显示两秒自动隐藏，显示的值父组件传递给子组件
需求:VUE做一个公共的提示组件,显示两秒自动隐藏,显示的值由父组件动态传给子组件. 效果图: 实现步骤: 1.创建一个子组件 Toptips.vue (它就是公共提示组件), optips.vue代 ...
element plus组件居中显示
element plus组件内容居中显示今天用Element UI做一个分页,发现所有组件都无法实现居中显示,百度了大部分都是text-align:center,但我试了都不管用,自己研究了半天终于 ...
vue3+element-plus实现日历组件农历显示且带列表数据
calendar.js https://gitee.com/mirrors/calendar-js.git 这个js可以去下载,里面涉及的有点多要设置日历每周以周一开始,需要在main.js中加入这 ...
ue4 如何让android与pc通讯，android端只显示umg，如何隐藏android的人物
如何让android与pc通讯让pc与Android端可以通讯,需要在项目中配置sdk与打包设置,然后再直接打包出来,点击就可以运行. 如何让android的事件在pc端也做响应呢? 其实要做的就是 ...
微信小程序Vant Weapp里面Calendar 日历组件不显示的问题
想用Vant Weapp弄个弹出日历选择日期的组件,但是发现按照Vant Weapp里面的文档复制粘贴就翻车了. 复制粘贴后小程序界面空空如也,啥都没有. 百度了一番也没有帖子写这个问题,然后我就只能 ...
element 日历组件-自定义内容
这只是个子组件 <template><div ref="topBox" class="swiper-in page-container bg-white ...

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

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

element日历组件只显示月和日，把年份隐藏掉相关推荐

最新文章

热门文章

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

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

element日历组件只显示月和日，把年份隐藏掉相关推荐

最新文章

热门文章

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