LayerDate日期插件渲染多个class出现闪现问题解决方案

填写表单的时候有时候会需要添加一行表单的业务逻辑，而表单要用到LayerDate的话便不可避免的出现多个class的情况

这种情况下后面的class是无法渲染的，layerDate官网提出了解决方法：

//同时绑定多个
lay('.test-item').each(function(){laydate.render({elem: this,trigger: 'click'});
});

但是这种方法依然不能解决，因为layDate 初始化的时候会自动生成一个 lay-key=""，直接复制代码会把这个 lay-key 也一起复制过来，但是页面中如果有 lay-key 的值相同，就会发生冲突，造成弹窗一闪而过的效果。

如何解决呢？只用渲染的时候将lay-key属性删掉就可以了：

　//添加一行function add() {var $tr = $("#getContent").clone();$("#list").append($tr);//重新分配lay-keylay('.test-item').each(function(){ laydate.render({ elem: this ,trigger: 'click'}); 　　　　　　　　$('.test-item').removeAttr('lay-key') });}

LayerDate日期插件渲染多个class出现闪现问题解决方案相关推荐

日期插件My97DatePicker
因为项目中需要选中日期,所以就找到了My97DatePicker这个插件,用法非常的简单,但是因为各个公司的要求不同,我们公司使用js拼代码,然后渲染到页面上的,所以遇到了一点问题- 1.My97Da ...
前端jquery日期插件
分享一个前端jquery日期插件,方便自己后面需要时查找使用. 效果: 1.html demo. <!DOCTYPE html> <html lang="en"& ...
记一次easyui使用calendar日期插件实现日期多选
easyui使用calendar日期插件实现日期多选写在前面需求知己知彼百战百胜写完收工写在前面 java开发,17年大专毕业.好不容易找个工作做了一年半左右结果行业不景气,我还没凉公司先 ...
WdatePicker，js日期插件，时间相加
//WdatePicker,js日期插件 //点击一个日期选择框后,得到日期,然后另一个日期选择框的日期自动加上一天 function pickedFunc(){ $ ...
LayerDate渲染多个class出现闪现问题的解决
LayerDate渲染多个class出现闪现问题的解决参考文章: (1)LayerDate渲染多个class出现闪现问题的解决 (2)https://www.cnblogs.com/lamp01/p ...
分享一款jquery的日期插件
一.前言关于日期插件,大家平时用的都不少,但大多数都是ui框架自带的,或者说样式不太好看的插件.博主最近发现了一个很不错的日期插件,能满足绝大多数需求,看着也顺眼,这边分享一下. 二.日期插件 1. ...
jquery-ui里日期插件的使用
HTML为 <input type="text" id="starttime" readonly /><input type="te ...
[js插件]JqueryUI日期插件
引言之前使用jqueryUi中的弹出框做了一个可拖拽的弹出登录框,也顺便将里面的常用的日期插件和文本框智能提示插件,也学习了一下. 使用方法首先在项目中引入以下文件: 1 <!-- 日期插件 ...
日期插件rolldate.js的使用
日期插件rolldate.js的使用下载地址:http://www.jq22.com/jquery-info19834 效果: 代码: <!DOCTYPE html> <html ...
【js】日期插件 my97日期控件
http://my97.net/dp/demo/index.htm 功能不错的日期插件转载于:https://www.cnblogs.com/merlini/archive/2013/06/09/3 ...

LayerDate日期插件渲染多个class出现闪现问题解决方案

LayerDate日期插件渲染多个class出现闪现问题解决方案

LayerDate日期插件渲染多个class出现闪现问题解决方案相关推荐

最新文章

热门文章