layer弹出层

一：layer弹出层
layer.open({
type: 0, //信息框，默认
（扩：0：信息框； 1：页面层； 2：iframe层； 3：加载层； 4：tips层）
title: “自定义标题”, //标题
content: “传入容易的文本或html”, //内容
skin: ‘layui-layer-lan’, //标题样式
area: [‘500px’, ‘300px’], //弹出层大小
offset: ‘10px’, //弹出层坐标
（扩：默认：’auto’；offset: ‘10px’,只定义top坐标，水平保持居中；offset:[ ‘10px’,’20px’],同时定义top，left坐标）
btn: [‘按钮一’, ‘按钮二’, ‘按钮三’],
yes: function (index, layero) {
按钮【按钮一】的回调：
console.log("【按钮一】");
},
btn2: function (index, layero) {
按钮【按钮二】的回调：
console.log("【按钮二】");
btn3: function (index, layero) {
按钮【按钮三】的回调:
console.log("【按钮三】");
return false;
}
});

二：layer普通信息框
语法：layer.alert(content,options,yes)
（注：content：提示的内容；options：配置项；yes：回调）
示例：layer.alert(“只想简单的提示”, { icon: 1 }, function (index) {
layer.close(index); //关闭
});
三：layer询问框
语法：layer.confirm(content,options,yes,cancel)
（注：cancel：当是肯定回答或是否定回答时触发的函数）
示例：layer.confirm(“确定删除吗？”, { icon: 3, title: ‘提示’ }, function (index) {
console.log(“是的”);
layer.close(index);
}, function () {
console.log(“我不想删除”);
});

例：三字码维护页面js使用Layer组件：
1.加载layer弹出层
var layer; //layui的弹出层模块
layui.use(‘layer’, function () {
layer = layui.layer;//加载layer弹出层模块
layer.ready(function () { //页面一打开就执行的弹层
layer.msg(‘很高兴一开场就见到你’); //msg：消息提示
});
//加载层语法：layer.load(icon,options)
var index = layer.load(2, { time: 1 * 1000 })
});
2. 删除弹出层
function deleteAirportByID(airportID) {
console.log(airportID); //显示点击行序号
layer.confirm(“确定删除吗？”, { icon: 2, title: ‘提示’ }, function (index)
（注：icon：图标，传入的值可以是0-6之间）
{ layer.close(index);
//当点击确定时执行的代码
}, function () {
//当点击否定时执行的代码
});
}

四：Laydate日期组件
示例: var layer;
var laydate;
layui.use([‘layer’,‘laydate’], function () {//加载layer,laydate组件模块
layer = layui.layer; //layer弹出层
laydate = layui.laydate; //laydate日期
laydate.render({
elem: ‘#test1’, //指定元素
type：’date’; //type默认值，可选择年，月，日
（ 扩：可选值：year：年选择器(年)；month：年月选择器(年和月)；time：时间选择器(时,分,秒)；datetime：日期时间选择器(年,月,日,时,分,秒)；）
Range: true; //开启左右面板范围选择
（ 注： Range: ‘~’; --自定义分割字符；默认 --Range: false; ）
format:’yyyy-MM-dd HH:mm:ss’; //例：2020-05-11 15:21:34
min: -7,
max: 7,
Value:’2020-05-11’
});
})