處理 laydata 時間日期外掛 動態新增多個的問題
阿新 • • 發佈:2020-08-12
上程式碼
$('.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>