1. 程式人生 > 實用技巧 >處理 laydata 時間日期外掛 動態新增多個的問題

處理 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>