一. 前言众所周知，前端童靴们在日常开发中，不管是使用 Element 还是Iview 的组件库过程中，遇到季度选择器或者是上下半年度选择器的需求的时候，都会陷入思索---该如何开发呢？因为世面上的大多组件库都未提供季度选择或者是上下半年度选择（PS：Arco Design 倒是提供了季度选择器，可是适配Vue3，不兼容Vue2）。所以本文就以上两种选择器提供一种实现方案（附：组件源码），后续也会
一、如果有多级选择，并且每一级都有非常多的选择。此时使用手打进去每一个选择，那是非常麻烦而已没有意义的。因此，本文介绍了两种方法，进行级联选择器的多选择实现。二、懒加载实现。（懒加载为需要的时候，也就是点击的时候才发起请求进行二级选择的生成）1、先看官网的示例。<el-cascader :props="props"></el-cascader>
<script>
转载
2024-02-12 20:23:06
383阅读
前言实际项目中，为了精简代码，会涉及到在同一个表单中同时完成 查看编辑 新增等功能， 此篇解决：1. 编辑的时候，明明给页面回显赋值了，但是校验非空却没有通过的问题。 2. 表单刚一进页面就校验非空，显示红色提示的问题。 3.常规表单关于校验的规则。正文demo是官方的表单提交例子，这里主要强调一下，常见的问题和解决方法。一、 如果遇见各种校验问题首先检查：:model="ruleForm" 绑定
转载
2024-03-20 22:26:14
855阅读
文章目录一、需求背景二、实现原理 一、需求背景最近的需求需要实现级联选择器的一级只支持单选，二三级可以支持多选。对于原生的这个组件来说，并没有这个功能，所以需要自己在组件上进行二次封装。二、实现原理监听级联选择器的change事件，该事件的回调函数的参数即为选中的v-model绑定的值，并且利用prop开启多选配置：const departProps = { multiple: true, la
转载
2024-03-19 12:38:28
697阅读
基础用法<template>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"&g
原创
2024-06-05 11:28:48
197阅读
jQuery的选择器是
CSS 1-3，XPath的结合物。jQuery提取这二种查询语言最好的部分，融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS（绝大部分WEB开发者都用到的），那么你学起来就很容易了。
基本选择器：
$("#myELement") 选择id值等于myElement的元素，id值不能重复在
转载
2023-08-18 17:16:05
133阅读
# 深入了解 jQuery 周选择器
jQuery 是一个广泛应用于前端开发的 JavaScript 库，可以让开发者更加便捷地操作 HTML 元素、处理事件、实现动画等功能。在 jQuery 中，选择器是一个非常重要的概念，它可以帮助我们快速定位到页面上的元素并对其进行操作。
在 jQuery 中，选择器不仅可以通过元素的 id、class、标签名等属性来定位元素，还可以通过一些特定的选择器
原创
2024-06-10 05:23:14
58阅读
1、基本用法代码：<el-date-picker
type="date"
v-model="valueStart"
value-format="yyyy-MM-dd"
placeholder="开始时间" >
</el-date-picker>代码解读：type参数是用来定义选择器选择的对象，这里我们选择的是日期(date)，也可以只选择年（year），只选择月(
转载
2024-02-22 14:21:40
546阅读
TimePicker 时间选择器TimePicker 时间选择器用于选择或输入日期固定时间点提供几个固定的时间点供用户选择使用 el-time-select 标签，分别通过star、end和step指定可选的起始时间、结束时间和步长v-model="value1"
:picker-options="{
start: '08:30',
step: '00:15',
end: '18:30'
}"
p
转载
2024-05-01 08:02:38
964阅读
移动端选择器picker有很多，各大ui组件都有自己的picker，比如light7，HUI，MUI，jqueryUI等等。但是，我发现他们都有各种各样的问题。这次的地区选择，需要地区的省份+市+经纬度，还要设置第一次点开的时候是特定城市。demo：链接：https://pan.baidu.com/s/1n5ApFB4elywxD_QekhSW6Q 密码：cd2k分析一波问题：先说light7，它
转载
2024-04-24 11:22:48
118阅读
1.场景描述我们公司是做电商的，运营的工作指标都是按周来定的，所以他们对周特别敏感，希望我们能在日期选择器上显示周数。刚接到这个需求时，心中很不乐意，因为Element-ui的日期选择器根本不支持显示周数。我只能看看源码来看看能否有解决的办法具体代码大家可以在github中看到 https://github.com/ElemeFE/element/pull/16415/commits/2
转载
2024-04-19 07:22:15
858阅读
背景
在做后台系统的项目中，日期组件用的是比较频繁的，但是一些常用的组件库没那么全。特别使用选择日期范围组件就格外明显。
功能
根据 element-ui(vue2) 进行完善、改造，功能有：
周选择器完善
周选择日期范围
季度范围选择
季度多选
季度范围选择
年度范围选择
增加【Q/QQ】季度日期格式
准备工作
把element中的date-picker源码复制一份node_modules\
原创
2024-04-13 08:44:17
1090阅读
虽然网上有许多的实现下拉树列表菜单的实现，但都是基于某一框架的，感觉使用起来过于复杂。为了巩固学习的JS知识，于是尝试着自己写一个。这个下拉树列表整体放置在一个div中。为了使其看起来和HTML自带的下拉列表类似，我选择了使用select标签，但一开始并不在其中嵌套option选项。（其实也可以用input自己实现一个，只不过我觉得这样用方便也美观......）在select标签之后跟着一个div
content-visibility有三个属性值,分别为visibility、hidden、auto :content-visibility:visibility,为默认值,没有任何效果,相当于没有添加,元素的渲染和往常一样content-visibility:hidden,元素的子元素被隐藏content-visibility:auto,视口的元素被显示content-visibility:vi
1、element：根据给定的元素名匹配所有的元素2、查找p元素（1）HTML代码：HelloWorld!How are you today?Fine,thanks!（2）jQuery代码：$(function(...
转载
2013-07-31 23:05:00
153阅读
2评论
ExcelHome搜到这篇帖子的起源：我想要选中columns("1:15")的区域，但是没法选择，只能使用columns("A:O")这样进行区域选择所以就想，Range可以和Cells进行结合，那么是否也可以和Rows、Columns进行结合？结果是测试OK的，然后就找到了这个..转了过来~Sub Range_test()
Range(Columns(1), Columns(15)).
转载
2024-10-22 09:31:22
134阅读
动态设置级联选择器的默认值cascader中的v-model属性是用来绑定级联选择器的默认值，使用方法如下：<el-cascader
v-model="select"//这个是级联选择器默认绑定的值，必须是一个数组，里面存默认显示选项的value值
:options="options"//这个是级联选择器的数据源，也是一个数组
></el-cascader>
转载
2024-04-09 12:57:54
822阅读
Mybatis+ElementUi+前后端分离1、mybatis的配置1.1 多对一的配置① 关联查询/结果映射（用得多）：就是left join...②子查询（了解）1.2 一对多的配置①一对多的关联查询② 一对多的子查询（一对多建议使用子查询）1.3 保存时返回主键的问题1.4 标签的使用①条件查询使用where标签②多选框范围选择choose标签③批量删除使用foreach 标签④ 批量添
vue 树形选择器主要用后端处理显示数据根据 el-Element 官网可知，想要使用树形选择器 <el-tree-select> 就要提供以下形式的数据：data = [
{
value: '1',
label: 'Level one 1',
children: [
{
value: '1-1',
label:
在开发过程中，我们经常遇到“Element虚拟化选择器”相关的问题，尤其是在构建大型应用时。虚拟化技术可以极大地增强组件渲染的性能。本文将详细记录解决“Element虚拟化选择器”问题的过程，包括环境配置、编译过程、参数调优、定制开发、性能对比及生态集成等多个方面。
## 环境配置
首先，确保我们的开发环境满足以下要求：
1. **操作系统**：Ubuntu 20.04
2. **Node.
