layui中form表单时间下拉框等元素加载问题

 $(document).ready(function () {
        //initMagicInput(prepareAction);
        var totalPage = '#(page.totalPage)';
        var totalRow = '#(page.totalRow)';
        var pageNumber = '#(page.pageNumber)';
        var pageSize = '#(page.pageSize)';

        layui.use(['form', 'laydate', 'laypage'], function () {
            //只有执行了这一步，部分表单元素才会自动修饰成功
            var form = layui.form;
            var laydate = layui.laydate;
            var laypage = layui.laypage;

            laydate.render({
                elem: '#startTime',//指定元素
                type: 'date',
                value: new Date(),
                isInitValue: true
            });

            laydate.render({
                elem: '#endTime',//指定元素
                type: 'date',
                value: new Date(),
                isInitValue: true
            });
            form.render();
            laypage.render({
                elem: 'page'
                , count: totalRow //数据总数，从服务端得到
                , limit: pageSize //显示条数
                , curr: pageNumber //获取起始页
                , layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
                , jump: function (obj, first) {
                   /* console.log(obj);
                    console.log(first);*/
                    //obj包含了当前分页的所有参数，比如：
                    if (!first) {//是否首次进入页面
                        pageNumber = obj.curr;//获取点击的页码
                        pageSize = obj.limit;//获取点击的页码
                        $("#pageNumber").val(pageNumber);
                        $("#pageSize").val(pageSize);
                        $("#searchForm").submit();
                    }
                }
            });
        });
    });