处理 laydata 时间日期插件 动态添加多个的问题

上代码

 

复制代码
        $('.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>
复制代码

 

posted @   怪-人  阅读(954)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
点击右上角即可分享
微信分享提示