LayUI

LayUI在今天下午推送了2.9.10更新，与预期不同，大家都在期待3.0.0的到来，怎知官方在2.9.9的基础上继续加了小版本号而未更新大版本号，看来3.0.0还需要些时日来进行打磨，我们将拭目以待。 v2.9.10 2024-05-20 下载 感谢默默为Lay UI默默付出的大佬们。

手机端在访问layui页面时，如果有laydate，点击后会弹出键盘，对于屏幕小一点的手机来说，非常不友好。 所以，我们要做的就是，阻止手机键盘的弹出。 实现方法 采用click弹出 laydate调整为click弹出，如下：

input只读 在input所在行，增加一个属性，使input元素只…

CSDN中，搜索到很多方法，无非就是加样式，可是加了样式，生效了，却没有完全生效。 没有加样式之前，完全遮挡，加了样式，遮挡一部分，实际上还是没有解决问题。 其实，要解决这个问题，很容易。 在table中，加入如下代码。

done之后，对样式重新定义，这样才能正确显示样式。 网上说的方法没错，错就…

我们在进行表单提交后，有时需要清空表单内容，这时我们可以通过如下三种方法进行。 一、刷新当前页面 这个相对来说最简单，在相应的逻辑后加上： 完成当前页面的刷新即可。 二、form的reset 此项操作要求我们的表单必须是form的dom，div的则不行，无法触发。 代码参考如下： 1、html 2、js 通过ID查找并reset表单即可。 三、form的对象…

其实原因很简单，动态操作Dom元素后，原有的DOM树是没有这个元素的，所以只能进行对应的操作。 jQuery手册也提供了动态绑定的方法。 注册事件 jQuery1.7之后，jQuery用on统一了所有事件的处理方法。 简单事件 大多数时候，就是因为我们使用的是简单事件，所以无法进行动态操作。 注册事件委托 举个实际例子，我动态创建Dom元素后，点击后实现删除…

大家都是Layui在Laydate中是调用了打印的，但是页面中却没有相关的调用，如果我们需要打印怎么办呢？ 网上给了很多方法，通过实践，我发现简单快捷的还是JS原生打印。 一、定义打印区域 这是我准备打印的代码： 上方的代码中 通过这样设置来限制打印区域 二、调用打印 在JS代码中定义如上代码即可console.log($(“li:last&#8…

网上有类似使用config方法来操作属性，但是我在官方文档没有找到这个方法，故而也没有尝试，也不确定是否正确，这里只分享我的方法。 我们以一段简单的代码为例： 从上方的代码不难看出，我们的需求是，下拉选框改变，并且选择到“年假”之后，执行laydate的类型变更。 方法很简单，我们在这里定义laydate即可，调整后代码如下： 定义一个laydate的参数对…

开发系统过程中，财务对表单input元素提出了自己的需求，要求支持Excel形式的数学计算式，如： =1024.01+528+9603.54 输入上方的运算式后，我们的input元素输出结果效果如下所示。 提交后的数据，在数据表格页面的效果如下： 实际效果还不错，也得到了财务同事的认可，这里分享出来。 实现方法 实现的方式很简单，只要弄懂逻辑之后，会觉得非常…

首先给需要使用到批量运算的表单元素加上一个统一的class类，我们的计划是，当表单元素发生变化时进行补零及运算，如输入20，则补全为20.00，并结合公式进行运算。 代码如下： $(‘.income’).change(function()，定义class为income的dom元素，发生change是，执行函数。 formData = …

在layui表单中，label超过5个字会自动换行，如下图所示： 解决的办法有两种： 1、取消换行 2、增加padding 大小按实际情况设置。 效果 以上，即可修复这个问题。