LayerUi 日期选择组件 动态的添加并初始化渲染

实现图，如果不是这个需求

点个赞

需求是;点击 + 号的时候，拼接一个Html,追加数据,然后再选择日期查询

注意：代码一定要写到 layui.use() 里面，不然作用域不同
Html代码

 <td id="addHtmlIdentification" onclick="addMoMHtml()" style="font-size: 24px;cursor: pointer">+</td>

Js代码

    layui.use('laydate', function() {

        //初始化 环比第一次
        addDateComponent(false);
        function addDateComponent(that) {
			
            var btnId = null;
            if(that!=false){
                btnId=that;
            }else{
                //默认 初始化第一个
                btnId="passenger_mom_date_range1";
            }

            //环比范围
            laydate.render({
                elem:  '#'+btnId //指向一个Id
                , range: true
                // ,value: '#(selectDateStr??)' //必须遵循format参数设定的格式
                ,done: function(value, date){

                    // layer.alert('你选择的日期是：' + value + '<br>获得的对象是' + JSON.stringify(date));
                    //重置日期
                    // searchDate = value;
                    //发送ajxa的请求
                    momDateList(this.elem.selector.replace("#",""),value);
                }
            });
        }


        //新增环比的上传Html
        window.addMoMHtml=function(e){
            momNum=momNum+1;
            var varHtml = "";
            varHtml += "<td class=\"inner\" rowspan=\"5\" style=\"padding: 0;\">";
            varHtml+="</td>";
            $("#addHtmlIdentification").before(varHtml);

            //日期组件函数
            addDateComponent("passenger_mom_date_range"+momNum);
        }



    });