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的更多相关文章

  1. layui常用方法

    很好用的一个ui组件,弹出,分页等 http://layer.layui.com/ 1 带叉叉的弹窗 layer.open({ type: , title: false, //不显示标题 conten ...

  2. tp5.0中及其常用方法的一些函数方法(自己看)和技巧(不断添加中)

    1.目录结构 2.路由 3..控制器 4.模型写法 5.视图标签 6.数据库操作 7.表单验证 8.分页 --------------------------- 1.目录结构 project 应用部署 ...

  3. layer常用方法代码

    layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她尽可能 ...

  4. 基于layui+cropper.js实现上传图片的裁剪功能

    最近因项目需求,需要在上传图片的时候先对图片裁剪,然后在上传,所以就有了本文的出现. 开始正文之前,要提一下这个图片的裁剪:图片的裁剪,有前端裁剪,也可以后端裁剪 前端的裁剪我知道的可以分为这么两种: ...

  5. git推送文件至github缺少README文件

    一直报这个错! 主要是因为本地仓库中缺少README这个文件. 解决办法:第一步:git pull --rebase origin master 将github中的README文件下到本地仓库中. 第 ...

  6. 前端开发:Javascript中的数组,常用方法解析

    前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array ...

  7. Jquery元素选取、常用方法

    一:常用的选择器:(李昌辉) 基本选择器 $("#myDiv") //匹配唯一的具有此id值的元素 $("div") //匹配指定名称的所有元素 $(" ...

  8. python浅谈正则的常用方法

    python浅谈正则的常用方法覆盖范围70%以上 上一次很多朋友写文字屏蔽说到要用正则表达,其实不是我不想用(我正则用得不是很多,看过我之前爬虫的都知道,我直接用BeautifulSoup的网页标签去 ...

  9. C# Webbrowser 常用方法及多线程调用

    设置控件的值 /// <summary> /// 根据ID,NAME双重判断并设置值 /// </summary> /// <param name="tagNa ...

随机推荐

  1. python3 函数 二

    1.函数嵌套 1.1函数嵌套定义 :在一个函数的内部,又定义另外一个函数. def f1():     x=1     def f2():         print('from f2')     f ...

  2. C#实现对外部程序的调用操作

    测试工具,首先也是一个C#的程序,它的主要目的是: 1:获取上文应用程序的窗口句柄,继而获取TextBox句柄及Button句柄: 2:为TextBox随机填入一些字符: 3:模拟点击Button: ...

  3. 剑指offer之 从尾到头打印链表

    package Problem5; import java.util.Stack; //首先定义链表结构class LinkNode{ LinkNode next; int node_value;} ...

  4. Logstash的插件

    Logstash的插件: input插件: File:从指定的文件中读取事件流: 使用FileWatch(Ruby Gem库)监听文件的变化. .sincedb:记录了每个被监听的文件的inode, ...

  5. HBase常用操作-HBaseUtil

    package com.zhen.hbase; import java.io.IOException; import java.util.ArrayList; import java.util.Col ...

  6. FineReport报表使用

    FineReport报表是帆软公司推出的可以嵌入java的免费报表. FineReport有2部分组成,一有c/s端的报表工具制作cpt结尾的报表文件:二是 java调用报表的web程序. 这里主要说 ...

  7. js 跨域复习 window.name | window.domain | iframe | Jsonp

    引起跨域的原因: 浏览器的同源策略,但是当你要发送请求的时候,出于安全性问题,浏览器有严格的要求,必须协议,域名,端口都相同,这个就是同源策略. 影响:a通过js脚本向b发送ajax请求,不同源就会报 ...

  8. poj3177边-双连通分量

    题意和poj3352一样..唯一区别就是有重边,预先判断一下就好了 #include<map> #include<set> #include<list> #incl ...

  9. GeoServer基础教程(三):部署发布Shapefile地图数据

    转载:http://blog.csdn.net/mingzai624. 这是GeoServer官方网站提供的一份Shapefile测试数据 nyc_roads.zip ,包含了部分纽约的道路信息,我们 ...

  10. jQuery 事件 - one() 方法

    jQuery 事件参考手册 实例 当点击 p 元素时,增加该元素的文本大小: $("p").one("click",function(){ $(this).an ...