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. c的详细学习(11)文件

    为了提高数据输入/输出的处理效率,可以将程序运行时所需要的原始数据从文件中读取,并将程序运行的结果写入到文件中.     (1)文件概述     1)基本概念 文件是指存储在外部介质上数据的集合,可以 ...

  2. 【leetcode刷题笔记】Binary Tree Inorder Traversal

    Given a binary tree, return the inorder traversal of its nodes' values. For example:Given binary tre ...

  3. C++的动态库和静态库(dll)

    一,在VS里面 新建项目->Visual C++ -> win32 控制台应用程序 -> 填写项目名称->下一步选择 dll : 二,自动生成的文件如图: 以项目名称生成的My ...

  4. 算法(Algorithms)第4版 练习 1.5.12

    package com.qiusongde; import edu.princeton.cs.algs4.StdIn; import edu.princeton.cs.algs4.StdOut; pu ...

  5. Oracle数据库操作语言(DML)

    --insert添加语句 insert into table_name(column_name,column_name,...) values (data1,data2,...); --通过表添加数据 ...

  6. Spark- RDD持久化

    官方原文: RDD Persistence One of the most important capabilities in Spark is persisting (or caching) a d ...

  7. MVC5中EF6 Code First启动慢及间隙变慢的一些优化处理

    问题描述: 第一次访问的时候很慢,后面再次打开页面很快,过了一段时间不访问页面然后再次打开页面又像第一次那样很慢. 采用的技术和环境: 使用技术:EF6+MVC5 服务器环境:Windows 2012 ...

  8. codeforces 651A A. Joysticks (模拟)

    A. Joysticks time limit per test 1 second memory limit per test 256 megabytes input standard input o ...

  9. leetcode 258. Add Digits(数论)

    Given a non-negative integer num, repeatedly add all its digits until the result has only one digit. ...

  10. 截取URL参数的方法

    1,有点小瑕疵,双问号会截取不到第一个参数 function GetQueryString(name){ var reg = new RegExp("(^|&)"+ nam ...