layui动态绑定日期时间控件

layui动态时间控件,刚开始想的是动态生成id,然后动态去指定,但是那样太麻烦,就用更加简洁的方式进行实现。

layui.use(['form', 'layer', 'jquery', 'laydate'], function () {
     var form = layui.form
         , $ = layui.jquery
         , layer = layui.layer
         , laydate = layui.laydate;

     //渲染时间控件
     function timeRender(){
         lay('.timeCount .withdrawTime').each(function() {
             laydate.render({
                 elem : this
                 , type : 'time'
                 , trigger : 'click'
             });
         });
         //在每次动态生成laydate组件时, laydate框架会给input输入框增加一个lay-key="1",
         //这样就导致了多个laydate 的inpute框都有lay-key="1"这个属性。导致时间控件不起作用,
         //需要把动态生成的lay-key属性删除
         $(".withdrawTime").removeAttr("lay-key");
     }
	 //页面加载的时候对已经有的控件进行初始化
     timeRender();
});

如下是我的页面实现:
layui动态绑定日期时间控件_第1张图片

你可能感兴趣的:(JQ)