LayData时间选择器一闪而过

当我点击时间选择器时发现一闪而过，当时很纳闷，也是按照文档来的，为什么不行呢，于是逛论坛，学习前辈经验，解决方法如下

                       从：
                        <div class="layui-inline">
                              <input class="layui-input test-item" name="id" id="demoReload" autocomplete="off">
                        </div>
                         到：
                        <div class="layui-inline">
                              <input class="layui-input test-item" name="id" id="demoReload1" autocomplete="off">
                        </div>
                        <button class="layui-btn" data-type="reload">搜索</button>
//js处理
    layui.use(['layer', 'form', 'element', 'laydate'], function () {
            var layer = layui.layer, form = layui.form, element = layui.element, laydate = layui.laydate;;
            lay('.test-item').each(function () {
                laydate.render({
                    elem: this
                    , format: 'yyyy-MM-dd'   
                    , trigger: 'click'
                });
            });
            form.render();
        });

只需要把class=“layui-input”改为class=“layui-input test-item”即可，以后无论有几个时间选择器都迎刃而解
如图