li22356的博客

layui2.4.3select多选

今天接到一个需求，让前端自己在layui表格上将时间戳转换成日期格式。本来是后台整的，后台整不动了，就换成前台了。解决问题也很简单只需要加这行代码就好了templet : "{{layui.util.toDateString(d.转换日期的值, ‘yyyy-MM-dd HH:mm:ss’)}}问题如下图所示：解决问题如下：代码如下：{ field: 'createTime', title: '创建时间', width: 180, tem.

今天接到一个需求，要求要根据后台给的条件判断这条数据是否过期，过期整行数据变色。效果如下图所示：代码如下图：动态的根据后台给的条件使整行数据变色，也可以指定行变色，把下面的index变成你要指定行的数据就可以了。例如：that.find(“.layui-table-box tbody tr[data-index='” + 6+ “']”).css(“background-color”, “#FA8072”); // 行变色 （第6行变色）done:function (res,curr,.

获取checkBox的文本值，用逗号隔开传给后台。代码如下图所示：<div class="control-group"> <label class="control-label">所属区:</label> <div class="controls"> <c:forEach items="${areaList}" var="a"> <input id="manageAreaCode" name="manageAre.

checkBox拿text值，出现最后一个值老有逗号。paramName.substring(0,str.length() -1)截取字符串最后一位，解决了。问题如下：代码如下：var paramName = ""; //获取参数var position = document.getElementsByTagName("input");//获取页面上所有的input//获取监测参数for(var i = 0; i < position.length; i++) { if(posit.

今天写动态表格添加的时候，发现下拉框展示在表格内部，无法在外面显示问题如下图所示：解决方案如下：只需要添加这行代码即可。 <select name="invalidCode" id="invalidCode" lay-verify="required" lay-filter="invalidCodeFilter" class="sel_action"> <option value="">请选择请求人类型</option> <c:forEach ite

今天突然测出一个bug，多次刷新发现手风琴面板无法展开。问题如下图所示：手风琴面板没有 > 无法展开解决问题方法如下：只需要加入这行代码就好：element.init();代码如图所示：效果如下图所示：以上就是问题的解决方案。如有侵权请联系本人删除...

问题如下: 今天使用fullCalendar发现点击eventClick事件无效果。我就纳闷了怎么就没效果。后来改了editable为false就好了代码如下如所示： editable: false,具体原因也可以参考以下资料（我看了看也很迷茫）。https://www.656463.com/wenda/rgkbjwfalsezfullCalendareventCli_147...

layui中textarea的限制字数的实现效果图如下：实现代码如下：CSS样式代码：.layui-input-block { position: relative; } .word { // 限制字数0/500的位置 position: absolute; right: 18px; bottom: 5px; color: #aaa; font-size: 12px; }html部分代码：...

最近项目有一个需求是输入联系方式可以是座机号也可以是手机号。但是座机号可以随便输。解决问题的方法：一般情况下的的固定电话正则表达式应该是这样的/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/ phoneVal: function (value, item) { /*/^((\d{2,})-)(\d{2,30})(-(\d{2,}))?$/ 电话号码是不限制以0开头，最少输入2位后不限制位数，-之后最少输入2位，最大不超过30位，-最少输入2位后，不.

最近公司有需求说客户的屏幕分辨率很大，导致页面显示高度老缺失下面一大截。对这个问题就行一个问题的解决。屏幕信息：screen.height // 屏幕的高度screen.width // 屏幕宽度screen.availHeight // 屏幕可用高度：即屏幕高度减去上下任务栏后的高度，可表示为软件最大化时的高度解决方案如下：案例代码如下：<div class="register_b" id="LeftBox"> <div class="contact-to.

问题：nav菜单栏点击选中显示layui镜像地址：https://www.layui.site/layer/index.htm这是layui系统默认提供给我们的，但是当我们给菜单项里添加了 href路径（写死的路径）后就没这么顺利了，我们点击后，页面会重新刷新，刷新后选中状态就没有了.。问题解决方案如下：加入下面这行js就可以了，亲测有效。(其实下面这行代码意思很简单就是给a标签加了一个class="layui-this"让它选中而已。)// 获取路径 function GetU

问题：layui里面的input输入框有历史记录问题如下图所示：问题解决方案如下：只需要加autocomplete="off"这行代码就好了。也可以参考layui网站有解释说明：https://www.layui.site/layer/index.htm代码如下图所示：<input type="text" name="code" id="code" placeholder="请输入搜索关键字" autocomplete="off" class="layui-input" inputN

问题如下：获取表格的数据总数，显示在tab选项卡后面效果图如下：问题解决方法如下：1. 首先定义一个span标签和id如下图所示：<ul class="layui-tab-title"> <li class="layui-this">未读&nbsp;&nbsp;(<span id="total"></span>)</li> <li>全部</li></ul>2

问题如下：我们在提交form表单的时候，提交成功后，由于响应慢导致用户可以重复点击提交的按钮。这肯定不可以出现这样的情况。为了解决这个问题，就需要弄一个防点击提交来解决重复提交表单。其实就是给按钮添加一个属性，在标签的class属性上添加 layui-disabled就没办法重复提交了。layui在线文档地址：https://www.layui.site/layer/index.htm解决方案如下：1. 首先在button按钮里面加一个属性名字，preservation就是我自己定义的一个属性名

由于自己以前是进行vue前端开发的，最近接到了一个项目需要写jsp并且要用layui。让小白的我真的从头来了一遍啊。问题如下：点击button按钮的οnclick="window.location.href = ‘${pageContext.request.contextPath}/auth/patent/getFinishPage’"事件跳转路径无反应。但是使用windows.open()方法就没事。其实很简单只需要加window.event.returnValue=false;解决方案：.

在开发html的页面中，经常需要使用ul无序列表来写菜单栏目，但是由于前面的小点是不美观的，而且不同的浏览器也是不兼容的。所以我们需要去掉他问题界面如下图：解决方法：在CSS样式中的进行去除list-style: none;问题解决页面如下图：...