![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
1°叁柒
今天的努力就是明天的希望
展开
-
layui tips 配合mouseenter、mouseleave事件
layui tips 配合mouseenter、mouseleave事件原创 2022-09-23 10:24:28 · 445 阅读 · 0 评论 -
layui table 重写导出Excel 复杂表头
效果如上,代码如下layui.extend({ excel:basePath+'/js/layui_exts/excel' });layui.use(['excel'],function(){ var excel = layui.excel;});var data = [ {id: 'ID', username: 'wang0', age: '', sex: '', score: '100', classi...原创 2021-11-25 15:26:38 · 1293 阅读 · 1 评论 -
layui formSelects 选中项目后的【X】删除标志
效果图css样式div[xm-select-skin=default] .xm-select-title div.xm-select-label>span{ padding-right: 5px; } div[xm-select-skin="default"] .xm-select-title div.xm-select-label > span i{ display: none; ..原创 2021-11-12 10:28:33 · 943 阅读 · 0 评论 -
layui select 一次性给多个select 绑定form.on事件
var oo = ['select_1','select_2','select_3']; for(var j=0;j<oo.length;j++){ form.on('select('+oo[j]+')', function (uu) { var vv = uu.elem.id; //获取给组件的id值 var value = $('#'+vv).val(); console.log(value +'=.原创 2021-11-09 11:20:21 · 2206 阅读 · 1 评论 -
layui layer 弹出框内容高度
layer.open({ title: '编辑', type: 1,shade: false, maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-myskin', area: ['800px', '80%'],content:$('#detail'), btn:['保.原创 2021-10-26 10:39:41 · 676 阅读 · 0 评论 -
layui formSelects 多选后按下拉顺序排序
<select id="selectid" xm-select-skin="default" xm-select="jiebr" xm-select-type="2"> </select>formSelects.on('jiebr', function (id, vals, val, isAdd, isDisabled) { .原创 2021-10-22 14:45:07 · 527 阅读 · 0 评论 -
layui laydate type=‘time‘ 只显示时分
<style type="text/css"> /**以一刻钟为单位 */ .layui-laydate-list.laydate-time-list > li { width: 50%; } .layui-laydate-list.laydate-time-list > li:nth-child(3) { display: none !important; }</style>layda.原创 2021-10-21 10:17:18 · 551 阅读 · 0 评论 -
layui laydate 时间框弹窗点击弹出后立马消失
为 laydate 添加trigger: 'click'属性laydate.render({ elem: '#cdate', trigger: 'click' ,change: function (value, date, endDate) { $('#cdate').val(value); $('#layui-laydate4').remove();//选择后日期框隐藏,layui...原创 2021-07-14 09:49:06 · 1367 阅读 · 0 评论 -
layui-tree 修改鼠标hover颜色改变
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{ color: #ffffff !important;}原创 2021-07-01 08:53:25 · 1498 阅读 · 1 评论 -
layui js 修改select高度
$('#txtid').next('div').children(0).children('input').css('height', 50);原创 2021-03-22 09:27:39 · 501 阅读 · 0 评论 -
layui 上传图片后 将返回的数据放到表单中, 再保存form表单数据,带有图片放大查看
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><%@ taglib prefix="s" uri="/struts-tags"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + re.原创 2020-07-10 16:54:13 · 940 阅读 · 0 评论 -
layui select 城市联动 demo
1、demoIndex.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/> </head> <body> <fieldset class转载 2020-07-09 09:56:23 · 1676 阅读 · 0 评论 -
layui table 合并行,可根据前列合并后列 多表头亦可
tableMerge.js/** * @name: 子表格扩展 * @version 1.0 */layui.define(['table'], function (exports) { var $ = layui.jquery; // 封装方法 var mod = { /** * 渲染入口 * @p...原创 2019-06-17 14:08:26 · 7253 阅读 · 2 评论 -
layui 日期选择器 选择完毕后隐藏
laydate.render({ elem: '#queryDate1', type: 'month',change: function(value, date, endDate){ $('#queryDate1').val(value); $('#layui-la...原创 2018-11-06 14:59:02 · 3465 阅读 · 0 评论