解决layui laydate动态创建多个时不起作用点击无效的问题

最近在一个表单中有个自定义日期选项, 用户每点击一次按钮就动态增加一行日期选择框 . 我选择了laydate框架来完成 , 但在新生成的日期组件中 , 除了第一个生成的外 , 其他的点击和选择都不起作用. 或者是闪了一下立刻消失了 . 通过排查问题及网上搜索终于定位原因.

我们在每次动态生成laydate组件时, laydate框架会给input输入框增加一个lay-key="1", 这样就导致了多个laydate 的inpute框都有lay-key="1"这个属性 . 所以就不起作用了

解决办法就是通过JS或jQuery把动态生成的lay-key属性删除就行

//new-laydate 为动态生成时特有的样式
$(".new-laydate").removeAttr("lay-key");

解决layui laydate动态创建多个时不起作用点击无效的问题相关推荐

layui 使用laydate动态创建多个时间选择框
记录:layui框架, js使用 laydate动态创建多个时间选择框,点击无效问题.此外,使用laydate时间选择框生效的关键一点是,laydate框架会给input输入框增加一个lay-key= ...
在layui中使用ajax传值给后台,解决layui批量传值到后台操作时出现传值为空的问题...
如图,前台的样子,data的参数为 [ {"good_id":1,"good_name":"标样-总磷","good_num&qu ...
button layui 点击事件_解决layui中的form表单与button的点击事件冲突问题
解决layui中的form表单与button的点击事件冲突问题 layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图: 蓝色底为form的位置, ...
MFC中的动态创建与运行时识别
MFC中支持运行时类型识别与动态创建.这更多的是设计问题.理解了其中的设计,可以更快定位用MFC框架开发的代码.通过研究MFC实现这些的细节,可以更快地掌握其他开发框架的设计思想. 宏定义中的&quo ...
C# 动态创建Access数据库时的错误：“不可识别的数据库格式”
需要用C#动态创建Access数据库,于是有了下文. 使用的是Office 2007,数据库文件的格式为.accdb 刚开始的时候,以为去检测文件是否存在,如果不存在的话直接创建数据库文件就好了. 代 ...
C# 动态创建控件时注册Name属性
动态创建控件 1. 容器控件 .RegisterName("Name",要注册的控件) //注册控件 2. 容器控件 .FindName("Name") a ...
layui图片上传按钮按着没反应_关于layui动态生成文件上传按钮后点击无效的解决办法...
首先,这是一个坑,大坑,网上一大堆写的云里雾里,不知所以,转了一圈,除了copy就是copy,Jesus God,花了一晚上,走通了这个坑,话不多说,直接解决 layui版本: layui-v2.5. ...
问题日志：解决使用 Spring initializr 创建 Springboot 项目时，`src\main\java` 文件夹没有变为蓝色的问题
解决问题时间:2022-08-21--17:48 一.问题描述: 在使用 Spring initializr 创建过一次项目并且成功之后,再次进行新项目创建时,发现又出现了无法正常创建成功的情况- ...
解决IDEA中maven创建web项目时新建无jsp选择项
1.我们new 没有创建jsp页面的选项 2.点击左上角的File下的Project Structure 进入Modules点击红色箭头的加号 3.添加Web文件 4.点击红色箭头指定的+号添加你想要 ...

解决layui laydate动态创建多个时不起作用点击无效的问题

解决layui laydate动态创建多个时不起作用点击无效的问题相关推荐

最新文章

热门文章