el-date-picker picker date el
Dating Java8系列之Java8中的‘流’
翎野君/文 流的概念 1.流是什么 流是Java API的新成员，它允许你以声明性方式处理数据集合(通过查询语句来表达，而不是临时编写一个实现)。就现在来说，我们可以把它们看成遍历数据集的高级迭代器。 代码：按价格排序后得到手机名称列表 使用新的流式方法有几个显而易见的好处。 代码是以声明性方式写的 ......
Dating Java8系列之新的日期和时间
翎野君/文 旧的日期时间 在Java 1.0中，对日期和时间的支持只能依赖java.util.Date类。正如类名所表达的，这个类无法表示日期，只能以毫秒的精度表示时间。更糟糕的是它的易用性，由于某些原因和未知的设计决策，这个类的易用性被深深地损害了，比如:年份的起始选择是1900年，月份的起始从0 ......
Dating Java8系列之Java8中的流操作
翎野君/文 本次我们会使用到很多的流操作，如筛选、切片、映射、查找、匹配和归约，这些操作可以让我们能快速完成复杂的数据查询。 筛选和切片 用谓词筛选 Streams接口支持filter方法。该操作会接受一个谓词(一个返回 boolean的函数)作为参数，并返回一个包括所有符合谓词的元素的流。 Lis ......
Dating Java8系列之Lambda表达式和函数式接口（上）
翎野君/文 Lambda简介 我们可以把Lambda表达式理解为简洁地表示可传递的匿名函数的一种方式。它没有名称，但它有参数列表、函数主体、返回类型，可能还有一个可以抛出的异常列表。 匿名：我们说匿名，是因为它不像普通的方法那样有一个明确的名称。 函数：我们说它是函数，是因为Lambda函数不像方法 ......
Dating Java8系列之Lambda表达式和函数式接口（下）
翎野君/文 使用函数式接口 函数式接口定义且只定义了一个抽象方法。 函数式接口很有用， 因为抽象方法的签名可以描述Lambda表达式的签名。 为了应用不同的Lambda表达式，你需要一套能够描述常见函数描述符的函数式接口。 Java 8的库设计师帮我们在java.util.function包中引入了 ......
Dating Java8系列之巧用Optional之优雅规避NPE问题
翎野君/文 避之不及的 NullPointerException NPE : NullPointerException 空指针异常是最常见的Java异常之一，抛出NPE错误不是用户操作的错误，而是开发人员的错误，应该被避免，那么只能在每个方法中加入非空检查，阅读性和维护性都比较差。 以下是一个常见的 ......
el-upload上传组件
使用el-upload上传文件 <template> <div> <el-upload action="/upload" :on-success="handleSuccess" :on-error="handleError" :before-upload="beforeUpload" > <el-b ......
el-input支持Tab输入
<el-input ref="tabInput" type="textarea" :rows="10" @keydown.9.native.prevent="tabInput" v-model="tabContent"> </el-input> tabInput(e){ const elInput= ......
el-badge绑定了点击事件，但点击没有效果
el-badge绑定了点击事件，但点击没有效果 <el-badge value="设置" @click="askSettingGroup"> <span>{{ item.name }}</span> </el-badge> 解决方式，加上.native <el-badge value="设置" @c ......
ElementUI中el-tree-select使用
<el-tree-select multiple v-model="org" check-strictly :data="state.orgData" check-on-click-node :render-after-expand="false" :props="state.typeProps" ......
【已解决】java.text.ParseException: Unparseable date
今天在工作的时候遇到一个问题，我的一个字段queryDate保存不了，总是null值： java.text.ParseException: Unparseable date 报错的原因是日期格式转换错误，我的数据库字段是这样定义的： query_date date 类型 传递的参数格式是这样的： { ......
[element-ui] el-tabs修改绑定值切换标签无效
今天发现el-tabs一个奇怪的bug： tabs绑定v-model，第一次给绑定变量赋值跳转有效，点击切换tab后再次修改绑定变量，此时跳转无效，要手动调用setCurrentName方法。 调用方法如下（假设给tabs设置ref为'tabs'）： this.$refs.tabs.setCurre ......
使用element-plus的el-scrollbar时滚动条没有显示出来但是页面可以滚动的解决办法
如果使用 Element UI 的 el-scrollbar 组件时，滚动条没有显示出来但页面可以滚动，可以尝试调用其 update 方法来更新滚动条。 在适当的时机（例如在数据加载完成后或组件更新后），调用 el-scrollbar 的 update 方法可以重新计算滚动条的位置和尺寸，从而实现正 ......
Sqlite3设置字段为date类型(09)
CREATE TABLE "main"."NewTable" ( "id" INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, "username" TEXT, "password" date ) ; ......
定制栏目 --- 关于el-table 的显示隐藏的列
<el-button type="primary" plain icon="el-icon-s-operation" @click="columsVisible = true" :loading="handleTotalChecked">定制栏目</el-button> 需要的页面引入组件： <di ......
el-date-picker
"element-plus"的版本为 "^2.4.2", element-plus里面的el-date-picker当我只显示月份的时候 <el-date-picker v-model="selectmonth" type="month" format="YYYY-MM" value-format= ......
Linux中date命令使用示例
一、.Linux中的date命令date "+%Y-%m-%d" 输出当前日期，格式为“年-月-日”，例如：2023-06-01date "+%Y年%m月%d日 %H:%M:%S" 输出当前日期喝时间，格式为“年月日 时:分:秒”，例如：2023年12月28日 04:28:11date "+%b" ......
LocalDateTime、LocalDate、Date、String相互转化
为什么日期有Date了，还在JDK8中推出了LocalDateTime、LocalDate呢？ 非线程安全的方法 Date类的大部分方法都不是线程安全的，比如setYear()、setMonth()、setDate()、setHours()、setMinutes()、setSeconds()等方法。 ......
el-pagination 分页组件自定义每页条数
需求 el-pagination 中的 sizes 部分是下拉框（如下图所示）。虽然可以通过 page-sizes 属性传递数组实现自定义下拉框选项，但是无法实现手动输入每页条数。 需求是：修改为允许手动输入选项的下拉框，即给 el-select 添加 allow-create 属性。 分析 el- ......
记一次el-checkbox包裹一层div，点击div勾选复选框，点击复选框却没反应的bug
<div class="account-item" v-for="item in accountList" :key="item.id" :class="[ { 'is-select-mode': isSelectMode }, { 'is-select': item.isSelect } ]" @ ......
Qlik 踩坑：Datetime格式转Date格式
1. 背景 Qlik中Datetime格式的数据转成Date格式数据有两种方式： Date()函数 Qlik自动日历函数[field.autoCalendar.Date] 经过实践对比发现，使用第一种方法，即Date()函数只改变数据的显示格式，并未改变数据本身。在对数据进行比较或者聚合时参考的还是 ......
el-table一样的行合并
import { getRowSpanMethod } from './use-span-method'; <el-table row-key="id" v-loading="tableLoading" :data="tableListData" :max-height="tableHeight" ......
dremio hive jdbc arp date 类型问题记录
简单记录下碰到的一些问题 分析 arthas stack 查看调用 ffect(class count: 2 , method count: 4) cost in 329 ms, listenerId: 11 ts=2023-12-26 06:18:17;thread_name=e3 - 1a758 ......
a-date-picker设置禁用以前的时间（含时分秒）
1 <a-date-picker v-model="selectTime" show-time format="YYYY/MM/DD HH:mm:ss" valueFormat="YYYY-MM-DD HH:mm:ss" :disabled-date="disabledDate" :disabled ......
of type [class java.lang.String] to [class java.util.Date]
报错：javax.el.ELException: Cannot convert [2023-11-14 22:35:34] of type [class java.lang.String] to [class java.util.Date] 问题分析：相应数据的类型不正确 bean层写的是 ： pr ......
el-upload批量上传，获取第一个数据返回参数并在后面的上传中进行传递；递归
fileChange(file, fileList) { const { raw } = file; if (file.status != 'ready') return; if (file.size / 1024 / 1024 > 100) { this.$message.error('文件大小不 ......
关于debezium同步mysql字段类型的datetime、date、time、timestamp的格式转换说明
1.情景展示 使用debezium的插件：debezium-connector-oracle（io.debezium.connector.mysql.MySqlConnector），自动读取mysql日志binlog相关表的数据变更记录，然后将其发布到kafka topic当中。 现在遇到的问题是： ......
巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）
问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下： <el-tabl ......
elementUI 的el-dialog作为子组件，父组件如何控制其关闭的按钮
这里有三点需要说明： 1. 使用：before-close="closeHandle" 将其 $emit() 出去 2. 取消按钮 也需要$emeit出去 3. 控制对话框显示隐藏的变量需要props给父组件来传值，这个相当重要，不然控制不了对话框的显示隐藏 4.1,2步骤是为了在子组件不再重复操作 ......