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 ...
随机推荐
- 【leetcode刷题笔记】Scramble String
Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrin ...
- STM32 JTDO JREST复用为普通IO
一.开启AFIO的时钟(必须保证先打开AFIO,否则无效) RCC_APB2PeriphClockCmd(RCC_APB2Periph_AFIO, ENABLE); 二.禁用JTAG,使能SWD GP ...
- python中自定义排序函数
Python内置的 sorted()函数可对list进行排序: >>>sorted([36, 5, 12, 9, 21]) [5, 9, 12, 21, 36] 但 sorted() ...
- 剑指offer——求1+2+...+n
方法一.通过在类的构造函数中执行加的过程. #include <iostream> using namespace std; class Base { public: Base(){n++ ...
- castle windsor学习-----Registering components by conventions
注册多个组件 1.one-by-one注册组件可能是一项非常重复的工作,可以通过Classes或Types注册一组组件(你可以指定一些特定的特征) 三个步骤 注册多个类型通常采取以下结构 contai ...
- linux 文件存取 软硬联接的区别
一.linux文件存取过程 在linux系统中根目录是自引用的,比如要找 /etc/sysconfig/networkscripts/ifcfg-0文件 先根据根目录/ 的inode号,在inode ...
- 通用jquery页面验证
页面通过给input 标签设置样式或者属性,即可实现所有页面的验证,customValidate方法并支持自己补充验证! 验证包括:必输项,只能输入数字, 输入数字并设定小数最大位数,下拉框必选,复选 ...
- dos命令行中不同磁盘的调转
windows下,dos中不同磁盘的跳转: 直接 盘符+回车: 如跳转到d盘: D:回车即可 : Microsoft Windows [版本 10.0.10586] (c) 2015 Microsof ...
- Linux-tcpdump command
简介 用简单的话来定义tcpdump,就是:dump the traffic on a network,根据使用者的定义对网络上的数据包进行截获的包分析工具. tcpdump可以将网络中传送的数据包的 ...
- 用VLC做流媒体服务器
VLC确切来说只是个播放器,是videolan的开源产品,videolan原来还有一个VLM,是服务器端,专门用来做流媒体服务器的,但是现在VLM的功能已经都集成进VLC了,所以也就可以用VLC来做流 ...