介绍 & lt; div id=癲emo1"祝辞& lt;/div>//界面容器
https://www.yisu.com/zixun/& lt;脚本src="//res.layui.com/layui/build/layui.js“charset=" utf - 8 ">
<>脚本//加载layui
layui。使用(“laypage”、“层”,函数(){
var laypage=layui.laypage
,层=layui.layer;
laypage ({
续:“demo1”//界面容器ID
页:数据。number1//总页数
组:5//连续显示分页数
跳:函数(obj,首先){//得到了当前页,用于向服务端请求对应数据
var咕咕叫=obj.curr;//向服务器发送请求通过当前页数去计算查询条数
}
});
}；
& lt;标签类=發ayui-form-label"祝辞时间& lt;/label>
& lt; div风格=翱矶?100 px"类=發ayui-input-inline"比;
& lt;输入类=發ayui-input"占位符=翱既铡癷d=癓AY_demorange_s"比;
& lt;/div>
& lt; div风格=翱矶?100 px"类=發ayui-input-inline"比;
& lt;输入类=發ayui-input"占位符=敖刂谷铡癷d=癓AY_demorange_e"比;
& lt;/div>
& lt; !——没有写提交按钮——比;
& lt; script>//加载layui
layui.use ([& # 39; laydate& # 39; & # 39;分页# 39;,& # 39;形式# 39;],函数(){
var=layui.jquery美元,
分页=layui.paging (),
layerTips=父母。层===定义?layui。层:父母。层,//获取父窗口的层对象
层=layui。层,//获取当前窗口的层对象
形式=layui.form ();
var={开始
1900-01-01分钟:& # 39;就是# 39;//设置最小日期
马克斯:& # 39;2099-06-16 23:59:59& # 39;//设置最大日期
就是今天:假
选择:函数(数据){
结束。min=数据;//开始日选好后,重置结束日的最小日期
结束。开始=数据//将结束日的初始值设定为开始日
}
}；
var={结束
1900-01-01分钟:& # 39;就是# 39;//设置最小日期
马克斯:& # 39;2099-06-16 23:59:59& # 39;//设置最大日期
就是今天:假
选择:函数(数据){
开始。max=数据;//结束日选好后,重置开始日的最大日期
}
}；//LAY_demorange_s日期容器ID
. getelementbyid (& # 39; LAY_demorange_s& # 39;)。onclick=function () {
开始。elem=;
laydate(开始);//对两个日期进行关联
}//LAY_demorange_e日期容器ID
. getelementbyid (& # 39; LAY_demorange_e& # 39;)。onclick=function () {
结束。elem=这
laydate(结束);//对两个日期进行关联
}
& lt;/script> & lt;脚本https://www.yisu.com/zixun/src="//res.layui.com/layui/build/layui.js“charset=" utf - 8 ">
<>脚本//加载layui
layui。使用(“层”,函数(){//独立版的层无需执行这一句
var=layui美元。jquery,层=layui.layer;//独立版的层无需执行这一句
var addBoxIndex=1;//记录是否弹出//获取事件,点击事件#添加按钮id
$(" #添加”)。(“点击”,函数(){
如果(addBoxIndex !==1)
返回;//本表单通过ajax加载,以模板的形式,当然你也可以直接写在页面上读?/ShiJian-form.html弹出后显示的界面
$ . get (ShiJian-form。html的,null,函数(形式){
addBoxIndex=layer.open ({
类型:1、
标题:“添加事件',//弹出框标题
内容:形式,
btn:['保存”、“取消”),
阴影:假的,
抵消(100 px,:“30%”),
面积:[700 px,“600 px”),
zIndex: 19950924,
最大最小:没错,
是的:函数(指数){//确定按钮回调方法
layer.close(指数);//这块是点击确定关闭这个弹出层
location.reload ();//刷新,对弹出前的页面进行刷新
setTimeout(函数(){
top.layer.close(指数);
top.window [iframeName] .frames.location.reload ();
},100);//延时0.1秒,对360年应7.1版本bug
},
全部:函数(elem) {//取消和关闭按钮触发的回调
var赢得=窗口。===窗口。自我?窗口:parent.window;
美元(赢)。(“调整”功能(){
var=$美元(这);
elem.width($上()).height ($ this.height ()) . css ({
上图:0,
左:0
});
elem.children (div.layui-layer-content) .height ($ this.height () - 95);
});
},
成功:函数(layero、索引){//层弹出后的成功回调方法
},
结束:函数(){//层销毁后触发的回调
addBoxIndex=1;
}
});
});
});
});
});
这篇文章将为大家详细讲解有关layui框架有哪些主要功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,<强>
<强>一、分页功能
layui框架分页使用,其实layui分页非常简单只需要传入一个总页数就可以很好运用这个功能。下面就看一下我对layui框架分页的介绍。
注意:传入的是页数不是数据库查询的条数
laypage的使用;
<强>二,layui时间日功能
下面的代码的是一个开始结束日期功能
<强>三、弹出框功能
层。开放的使用;
