在開發中因為需要動態生成時間選擇框，所以選擇了layui的 laydate控制元件，但是遇到了生成的時間選擇框點選無效的問題，然後再次render 時間選擇器一閃就消失了，查了多方資料，找到了如下的解決方法
首先來看下寫的demo程式碼
首先是 html程式碼

<div class="box">時間選擇<input type="text" id="datePick"></div> <button onclick="addOne()">克隆</button>
    <div class="appendBox"></div
 
>

然後是js程式碼

<script type="text/javascript">

    layui.use('laydate', function() {
            var datePick = layui.laydate;
            datePick.render({
                elem: '#datePick'
                ,type: 'datetime'
          });
        })
    //克隆一個節點
    function addOne(){
        var
 
 box = $(".box").eq(0).clone();
        $(".appendBox").append(box);
        layui.use('laydate', function() {
            var datePick = layui.laydate;
            //再次渲染
            datePick.render({
                elem: '#datePickClone'
                ,type: 'datetime'
          });
        })
    }
 
</script>

當點選克隆的時候就會生成一個新的輸入框，這個輸入框id為datePickClone，並且再次為剛克隆的節點進行時間控制元件的渲染，可是發現時間控制元件閃一下就消失，或者點選沒反應，得切換下視窗回來才有反應，最後經過測試和查證發現
當我們點選了原始的時間外掛後 ，laydate會給input框增加一個 lay-key=”1”
如下圖

就是這個lay-key=1在作祟，我們只要把新克隆出來的節點，刪掉這個lay-key屬性，變正常了，刪除屬性可以使用 jquery的 removeAttr(“lay-key”)方法