导入layui没报错但格式不显示_关于layui踩过的坑

layui是个很好用的框架，但是在使用中也存在好多很多坑，简单的记录一下以免后面再掉坑里。

1、layui有很多内置的模块，在使用过程中一定要注意先提前引入模块和内部函数中声明一次。包括弹框(div,简单的按钮组，iframe，msg)分页，表格，表单，文件上传，日期等模块。列如：

layui.use([‘layer‘, ‘form‘,‘element‘,‘table ‘], function(){

var table = layui.table, 表格

$= layui.jquery, 内置jquery

form = layui.form, 表单

laypage = layui.laypage; 分页

var beginTime,endTime;

var laydate = layui.laydate; 日期组建

var limit=10,page=1;

//日期组建的

laydate.render({

elem: ‘#date‘,

range: true

,ready: function(date){

// console.log(date); //得到初始的日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}

}

,done: function(value, date, endDate){

$(‘#date‘).css(‘width‘,200);

var arrTime=value.split(‘ - ‘);

beginTime=arrTime[0];

endTime=arrTime[1]

}

});

});

2.layui中 slect form表单元素 不美化显现的问题

1.layui中美化的表单元素 在渲染完成要添加 form.render()

2.渲染之后还是没有，检查一下html结构 是否在父级元素上有layui-form的类名

3.layui select 多选框

官方文档并没有 select多选框 不过大牛们利用layui改造了很多select的多选框  社区有一些介绍 戳这里  我用的是select多选v3版本 有一些问题 但是对于目前的功能比较适合 地址戳这里 这里对select v.3的功能介绍展示的很全 以后用到可以直接访问