el-date-picker 选择日期范围只保存左侧日期面板

news/2024/9/23 22:27:58/

需求

日期筛选,但限制只能选择同一个月的数据,故此应该去掉右侧月份面板。

实现

主要是通过 css 样式实现:

<style>
/* 隐藏右边日期面板 */
.el-picker-panel__content.el-date-range-picker__content.is-right .el-date-table,
.el-picker-panel__content.el-date-range-picker__content.is-right.el-date-range-picker__headerdiv {display: none;
}
.el-picker-panel__content.el-date-range-picker__content.is-right.el-date-range-picker__header {width: 60px;top: -331px;left: 230px;
}
/* 设置整体日期面板的宽度 */
.el-picker-panel.el-date-range-picker.el-popper {width: 322px;
}/* 隐藏中间线段 */
.el-date-range-picker__content.is-left {border-right: none;
}/* 左边日期面板宽度 */
.el-picker-panel__content {width: 63% !important;
}
</style>

实现效果

在这里插入图片描述


http://www.ppmy.cn/news/1467336.html

相关文章

python高级面试题

1. Python 中的 GIL (Global Interpreter Lock) 是什么? 解答: Python 的 GIL 是全局解释器锁,限制了在 CPython 解释器中同时执行多个线程。GIL 确保在任意时刻只有一个线程执行 Python 字节码。这是为了保护访问 Python 对象的内部数据结构免受并发问题的影响。尽管 GIL 会…

Docker - Kafka

博文目录 文章目录 说明命令 说明 Docker Hub - bitnami/kafka Docker Hub - apache/kafka Kafka QuickStart Kafka 目前没有 Docker 官方镜像, 目前拉取次数最多的是 bitnami/kafka, Apache 提供的是 apache/kafka (更新最及时), 本文使用 bitnami/kafka bitnami/kafka 镜像…

jmeter性能优化之tomcat配置与基础调优

一、 修改tomcat初始和最大堆内存 进入到/usr/local/tomcat7-8083/bin目录下&#xff0c;编辑catalina.sh文件&#xff0c;&#xff0c;默认堆内存是600m&#xff0c;初始堆内存和最大堆内存保持一致&#xff0c; 可以更改到本机内存的70%&#xff0c;对于Linux系统&#xff0…

什么叫硬编码?如何避免硬编码

硬编码&#xff08;Hardcoding或Hard-coding&#xff09;是指在编写程序时&#xff0c;直接将具体的值&#xff08;如字符串、数字、路径等&#xff09;写入源代码中&#xff0c;而不是通过变量、配置文件、数据库查询或其他动态方法来获取这些值。这种方式虽然简单直接&#x…

Leetcode-438-找到字符串中所有的字母异位词

题目说明 给定一个字符串 s 和一个非空字符串 p&#xff0c;找到 s 中所有是 p 的字母异位词的子串&#xff0c;返回这些子串的起始索引。 字符串只包含小写英文字母&#xff0c;并且字符串 s 和 p 的长度都不超过 20100。 说明&#xff1a; 字母异位词指字母相同&#xff…

4.2 索引及其操作

对数据库中的表进行查询操作时有两种搜索扫描方式&#xff0c;一种是全表扫描&#xff0c;另一种就是使用表上建立的索引进行扫描。 全表扫描要查找某个特定的行&#xff0c;必须从头开始一一查看表中的每一行&#xff0c;与查询条件做对比&#xff0c;返回满足条件的记录&…

golang接口/枚举/结构使用示例

1.接口定义 // geometry : 定义接口 type geometry interface {area() float64 //函数名 返回类型perim() float64 //函数名 返回类型 } 2.结构定义 // 定义结构area type rect struct {width, height float64 //同类成员写一行&#xff0c;逗号隔开 / 成员名 类型 }// …

【ARM-Linux篇】根文件系统

根文件系统也叫roofs&#xff0c;Linux 根文件系统是指整个文件系统的最顶层&#xff0c;以 "/" 来表示。它是内核启动时所挂载的第一个文件系统&#xff0c;包含了系统运行所必需的目录和文件: 1. /bin目录下存放着系统需要的可执行文件比如ls、mv、cp等命令&#…