上代码

        $('.datetime').each(function () {
dateBind(this)
}); function dateBind(this_){
laydate.render({
elem: this_
, type: 'month'
, closeStop: this_
, trigger: 'click' });
}

如需二次调用那么必须 获取到 lay-key这个属性

var num = 0;
$('.add-min').on('click','.add-experience',function(){
let dom = $('.experience').eq(0);
let html = dom.clone(true);
//删除
let html2 = '<a href="javascript:;" class="del-experience"><i class="layui-icon layui-icon-close-fill font-size-40"></i></a>';
$(html).append(html2); //时间日期
if(num == 0){
num = $('.experience').eq(-1).find('.datetime').eq(-1).attr('lay-key');
}
$(html).find('.datetime').each(function () {
num = parseInt(num)+1;
$(this).attr('lay-key',num);
dateBind(this)
console.log(num)
}); $(this).parent().before(html);
form.render(null, 'form-test');
})

附上HTML 参考

                      <div class="layui-card-body experience">
<div class="layui-form-item">
<div class="layui-input-inline" style="width: 200px;">
<input type="text" name="company_name" required lay-verify="required" placeholder="请输入公司名称" autocomplete="off" class="layui-input">
</div>
<div class="layui-form-mid">-</div>
<div class="layui-input-inline" style="width: 200px;">
<input type="text" name="job_begin_date" required lay-verify="required" placeholder="请选择在职开始时间" autocomplete="off" class="layui-input datetime">
</div>
<div class="layui-form-mid">-</div>
<div class="layui-input-inline" style="width: 200px;margin: 0">
<input type="text" name="job_end_date" required lay-verify="required" placeholder="请选择离职时间" autocomplete="off" class="layui-input datetime">
</div>
<div style="width: auto;margin: 0;" class="layui-input-inline checkbox-date">
<input type="checkbox" class="is_now" lay-filter="is_now" name="is_now" title="至今">
</div>
<div class="layui-form-mid">-</div>
<div class="layui-input-inline" style="width: 200px;">
<input type="text" name="job_position" required lay-verify="required" placeholder="请输入工作职位" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-inline" style="width: 200px;">
<input type="checkbox" name="experience_verification" title="工作履历验证" lay-filter="test" lay-skin="primary" checked disabled>
</div>
<div class="layui-input-inline" style="width: 200px;">
<input type="checkbox" name="performance_verification" title="工作表现鉴定" lay-filter="test" lay-skin="primary">
</div> <div class="layui-input-inline vip_service" style="width: 200px;display: none">
<input type="checkbox" name="vip_service_num" title="是否特色模式" lay-filter="test" lay-skin="primary">
</div>
</div> <!--<a href="javascript:;" class="del-experience">
<i class="layui-icon layui-icon-close-fill font-size-40"></i>
</a>-->
<hr>
</div>

处理 laydata 时间日期插件 动态添加多个的问题的更多相关文章

  1. 解决laydate时间日期插件定位溢出

    laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap 1. 默认情况 laydate弹出层默认对齐input左边框 2 ...

  2. 第一好用的时间 日期插件(Adding a Timepicker to jQuery UI Datepicker)

          最近在一个项目中用到了My97DatePicker,国人写的一个挺不错的时间选择插件,简单易用,但是在调试静态时却发现此插件必须产生一个iframe标签指向其主页,试了很多种方法都不能去除 ...

  3. XgCalendar日历插件动态添加参数

    在使用xgcalendar日历插件的时候,参数数组并非只有类型.显示时间.时区等这些参数,还可以根据extParam自定义参数扩展搜索条件,例如根据用户Id搜索不同用户的日历信息,需要将用户的Id存在 ...

  4. BootStrap-select插件动态添加option无法显示

    问题描述: 在使用bootstrap-select插件时出现下拉框无法显示动态追加的option,经过查看element元素发现,select标签已经append进去了所需的option选项,但是页面 ...

  5. 一款好用的JS时间日期插件layDate

    觉得这个插件很不错,使用起来也很方便,推荐使用 1.插件截图 2.插件配置 选择很多,配置也很简单,插件官网:https://www.layui.com/laydate/配置说得很明确,基本操作就是: ...

  6. bootstrapValidator插件动态添加和移除校验

    bootstrapValidator对动态生成的表单进行校验,需要调用方法:addField. 方法:addField(field,option);   field可以是表单的name也可以是jQue ...

  7. bootstrap validate 验证插件 动态添加和动态删除验证项

    //添加验证项 function addField(field, notEmptyMsg, othercon) { if (!othercon) { $("#gyssave").b ...

  8. jQuery时间日期插件laydate,兼容bootstrap

    解压后,将laydate整个文件放至您项目的任意目录,不要移动其文件结构,它们具有完整的依赖体系. 使用只需在页面引入laydate.js即可. 如果您的网站的js采用合并或模块加载,您需要打开lay ...

  9. jq时间日期插件的使用-datetimepicker

    分三步  首先引入各种包 然后搞哥容器用id  然后加入一段js 实例: 下载:http://files.cnblogs.com/files/wordblog/datetimepicker-maste ...

  10. 【2017-05-19】WebForm复合控件、用DropDownList实现时间日期选择。

    自动提交的属性: AutoPostBack="True" 1.RadioButtonList     单选集合 -属性:RepeatDirection:Vertical (垂直排布 ...

随机推荐

  1. 【CMake系列】10-cmake测试 ctest

    cmake作为一个强大的构建系统指导工具,同时也提供了测试功能,可用于项目的单元测试等,也可以与其他测试框架协作,如googletest,共同完成项目开发中的测试工作,本节我们就来学习 如何借助cma ...

  2. 折腾 Quickwit,Rust 编写的分布式搜索引擎 - 可观测性之日志管理

    Quickwit 从底层构建,旨在 高效地索引非结构化数据,并在云存储上轻松搜索这些数据. 此外,Quickwit 开箱即支持 OpenTelemetry gRPC 和 HTTP(仅 protobuf ...

  3. ChatGPT正式登陆iOS平台

    6天前,ChatGPT在美区App Store中上架了官方App,累计下载量已经突破 50 万次,OpenAI 的 ChatGPT 应用在上架之后,其热度远超必应聊天等聊天机器人,以及其它使用 GPT ...

  4. effective-python-14

    effective python-Item 14 list.sort函数,比较容易用的是reverse,而其中还有个参数key,默认是NONE,此时排序是按照默认比较方法排序,比如数据按照大小,字符串 ...

  5. 深度学习环境安装-conda-torch-Jupyter Notebook

    conda的安装 为什么要安装这个,它是什么? 它是一个管理环境的,当我们跑项目的时候,往往这些项目所需要的pickets库和环境是不同的,这时候如果自己的电脑里面只有一个版本的库的话,就运行不了,比 ...

  6. ST-SSL: 用于交通流量预测的时空自监督学习《Spatio-Temporal Self-Supervised Learning for Traffic Flow Prediction》(交通流量预测、时空异质性、自监督、数据增强)

    2023年10月23日,继续论文,好困,想发疯. 论文:Spatio-Temporal Self-Supervised Learning for Traffic Flow Prediction Git ...

  7. Redis 入门 - 收官

    <Redis 入门>系列文章总算完成了,希望这个系列文章可以想入门或刚入门的同学提供帮助,希望能让你形成学习Redis系统性概念. 当时为什么要写这个系列文章,是因为我自己就是迷迷糊糊一路 ...

  8. 安装nginx-http-flv-module模块

    简介 nginx-http-flv-module是什么 流程 注意事项 详细步骤 查看当前已经安装的nginx版本 下载对应版本的nginx源代码 下载nginx-http-flv-module模块源 ...

  9. 最好的文件管理器-dolphin

    WARN:windows没有,废话少说,直接开始 what's dolphin 长得好看 dolphin使用kde的主题管理,可以通过kde的主题商店配合kvantum manager 配制出一个好看 ...

  10. 运输小猫娘之再续 5k 传奇

    写的比较意识流 前情提要 上回书说到,5k 因为拯救大家被炸断了 \(1000000007\) 米的牛至中的十五千米,尽管大家的欢呼声如此热烈,就像大家的热量正在像烈火一样散发出来,但是 5k 却无心 ...