layui 常用方法 readme
layui样式加载:
layui.use(['table', 'element', 'laydate', 'layer'], function () {
var table = layui.table, element = layui.element, form = layui.form, laydate = layui.laydate,
layer = layui.layer;
element.init(); //初始化 radio 和选项卡
form.render();//重新渲染
}); layui弹框不居中 调整:
layer.alert("您选择得供方资料不能初审!",{offset: '100px'}); div层:
$.ajax({
type: "POST"
, url: gContextPath + "/supplier/dataFirstTrial/tenderingCategory.htm"
, data: {
ids: ids,
categoryName:"",
typeName:""
}
, dataType: "html"
, success: function (data) {
layer.open({
type: 1,
title: '招标品类',
// skin: , //样式类名
closeBtn: 1, //不显示关闭按钮
area: ['600px', '350px'],
shadeClose: false, //开启遮罩关闭
content: data,
offset: '100px'
});
}
}); table中checkBox样式有问题加属性:lay-skin="primary" 关闭弹框:
layer.close(index); //此时你只需要把获得的index
layer.close(layer.index); //它获取的始终是最新弹出的某个层
layer.closeAll(); //疯狂模式,关闭所有层
layer.closeAll('dialog'); //关闭信息框
layer.closeAll('page'); //关闭所有页面层
layer.closeAll('iframe'); //关闭所有的iframe层
layer.closeAll('loading'); //关闭加载层
layer.closeAll('tips'); //关闭所有的tips层
9)表单元素他忽略美化渲染 lay-ignore
10)下拉框搜索 lay-search=""
11)折叠面板填充重新渲染元素:layui.element.render('collapse');
因为一个render一次渲染一个日期组件,这个是内置的,所以需要循环绑定,“advanceDate”为class
lay-key 不能为同一个
layui.use(‘laydate’, function(){
var laydate = layui.laydate;
lay(‘.advanceDate’).each(function(){
laydate.render({
elem: this
,trigger: ‘click’
,type: ‘datetime’
});
}); }); var d = new Date(); //获取当前实际日期
var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();//获取当前实际日期
if (Date.parse(str) > Date.parse(startdate)) {//时间戳对比
layer.msg("起始时间要大于当前时间");
return false;
} 正则验证常用表达式:
不能输入中文:onkeyup="value=value.replace(/[^\w]/ig,'')";
邮箱格式:/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
只能输入数字或者字母:/^(?![0-9]+$)*(?![a-zA-Z]+$)*[0-9A-Za-z]{0,50}$/ 两个星号代表是否是必填
只能是11位数字:/^\d{11}$/
只能是整数或者带小数两位的值:onkeyup="value=(this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]"
只能输入数字,其他的都不行:onkeyup="value=value.replace(/\D/g,'')"
form.js 自定义验证
twoDecimalPlaces 数字类型包含两位小数验证
strongPassword 强密码验证
/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[`~!@#\$%\^\&\*\(\)_\+<>\?:"\{\},\.\\\/;'\[\]]).{8,17}$/
,'必须包含大小写字母和数字及特殊字符的组合,长度在8-17之间' //loading
layer.load(0, {shade: [0.1,'#FFF']}); //0代表加载的风格,支持0-2
//如果你想关闭最新弹出的层,直接获取layer.index即可
layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的 【推荐使用】 layer.closeAll(); //关闭所有 弹出框内慎用
//当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
layui 常用方法 readme的更多相关文章
- layui常用方法
很好用的一个ui组件,弹出,分页等 http://layer.layui.com/ 1 带叉叉的弹窗 layer.open({ type: , title: false, //不显示标题 conten ...
- tp5.0中及其常用方法的一些函数方法(自己看)和技巧(不断添加中)
1.目录结构 2.路由 3..控制器 4.模型写法 5.视图标签 6.数据库操作 7.表单验证 8.分页 --------------------------- 1.目录结构 project 应用部署 ...
- layer常用方法代码
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她尽可能 ...
- 基于layui+cropper.js实现上传图片的裁剪功能
最近因项目需求,需要在上传图片的时候先对图片裁剪,然后在上传,所以就有了本文的出现. 开始正文之前,要提一下这个图片的裁剪:图片的裁剪,有前端裁剪,也可以后端裁剪 前端的裁剪我知道的可以分为这么两种: ...
- git推送文件至github缺少README文件
一直报这个错! 主要是因为本地仓库中缺少README这个文件. 解决办法:第一步:git pull --rebase origin master 将github中的README文件下到本地仓库中. 第 ...
- 前端开发:Javascript中的数组,常用方法解析
前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array ...
- Jquery元素选取、常用方法
一:常用的选择器:(李昌辉) 基本选择器 $("#myDiv") //匹配唯一的具有此id值的元素 $("div") //匹配指定名称的所有元素 $(" ...
- python浅谈正则的常用方法
python浅谈正则的常用方法覆盖范围70%以上 上一次很多朋友写文字屏蔽说到要用正则表达,其实不是我不想用(我正则用得不是很多,看过我之前爬虫的都知道,我直接用BeautifulSoup的网页标签去 ...
- C# Webbrowser 常用方法及多线程调用
设置控件的值 /// <summary> /// 根据ID,NAME双重判断并设置值 /// </summary> /// <param name="tagNa ...
随机推荐
- iOS:学习runtime的理解和心得 (转)
Runtime是想要做好iOS开发,或者说是真正的深刻的掌握OC这门语言所必需理解的东西.最近在学习Runtime,有自己的一些心得,整理如下, 一为 查阅方便 二为 或许能给他人一些启发, 三为 希 ...
- 0521 HTML基础
一.web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示: ...
- Google员工自述:在哈佛教书和在Google工作的差别
感谢伯乐在线的投递编者按:2003年到2010年期间,原文作者Matt Welsh 是哈佛大学工程和应用科学学院的计算机科学系教授.2010年加入Google,是一名高级工程师.他当前的工作重点是广域 ...
- etcd -> Highly-avaliable key value store for shared configuration and service discovery
The name "etcd" originated from two ideas, the unix "/etc" folder and "d&qu ...
- Docker-端口映射与容器互联
在使用docker过程中,通常会碰到需要多个服务组件容器共同协作的情况,这往往需要多个容器之间有能够互相访问到对方的服务除了通过网络访问外,Docker还提供了两个很方便的功能来满足服务访问的基本需求 ...
- Eclipse_常用技巧_01_自动添加类注释和方法注释
一.步骤 路径A=windows-->preference-->Java-->Code Style-->Code Templates-->Comments 自动添加注释一 ...
- hdu5606 tree (并查集)
tree Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)Total Submis ...
- C语言小程序(三)、判断两个日期之差
输入两个日期,计算之间相差多少天. 用了两种方法实现,第二种利用结构体,代码比较清晰,其余的都一样. 1.普通的写法 #include <stdio.h> int leapyear(int ...
- [原]NYOJ-A*B Problem II-623
大学生程序代写 A*B Problem II 时间限制:1000 ms | 内存限制:65535 KB 难度:1 描述 ACM的C++同学有好多作业要做,最头痛莫过于线性代数了,因为每次做到矩阵相 ...
- 线段树Final版本
结构体是个好东西... 看着逼格很高 #include<iostream> #include<cstdio> #include<cstdlib> #include& ...