1、在layui官网直接点击下载，将layui文件直接复制到项目下，在页面引入jquery.js文件(该文件必须在1.8版本之上)，再引入layui.js文件和layui.css文件

此时写第一个示例:

layer.open({

　　layer.msg('hello');

})

页面报错:layer is not defined

修改:

function del(){

layui.use("layer",function(){

（若想要加载多个组件，如：时间，表单可用[]  layui.use(['layer','laydate','form'],function(){})）

var layer = layui.layer;  //layer初始化

layer.msg('hello');  //此时便可成功

//iframe窗

layer.open({

type: 2,  //2为iframe层

title: "另一个页面",

closeBtn: ['确定','取消'], //不显示关闭按钮

shade: [0], //遮罩

area: ['340px', '215px'],

offset: 'auto',//默认垂直水平居中 //rb:右下角弹出

time: 2000, //2秒后自动关闭

anim: 2,

//content: ['test/guodu.html', 'no'], //iframe的url，no代表不显示滚动条

content:['layer.jsp','no'],

end: function(){ //此处用于演示

layer.open({

type: 2,

title: '很多时候，我们想最大化看，比如像这个页面。',

shadeClose: true,

shade: false,

maxmin: true, //开启最大化最小化按钮

area: ['893px', '600px'],

content: '//fly.layui.com/'

});

}

});

});

}

问题解决

 2、如何给laydate设置只读？

　　为设置只读前:

1 laydate.render({2     elem:'#id',3     range:true,   //开启双面板4 });

　　设置只读

1 laydate.render({2     elem:'#id',3     range:true,  //设置双面板4     type:''5 });

 3、关于layui中评分模块根据条件设置为只读

　　原代码

1 rate.render({2     else:'#id',3     value:'<%=rs.getNameNumber("TJZS")%>',  //初始值4     text:true,   //开启文本5     choose:funcrion(value){6         $("#tjzs").val(value);7     }8 });

　　修改后代码

var bmbm = "<%=jgbms%>";var ratereadonly  = false;if(bmbm != "0000"){    ratereadonly = true;}else{    ratereadonly = false;}rate.render({    elem:'#id',    value:'<%=rs.getNameNumber("TJZS")%>',  //初始值    text:true,   //开启文本    readonly:ratereadonly,    choose:function(value){        $("#tjzs").val(value);    }});