layui的使用入门(layer, laydate)；附赠教程与API

本文只用来记录layer与laydate的基本使用流程，详细介绍可参考文末链接。

1. 引入静态文档

<script src="/layui/layui.js">script>
<link rel="stylesheet" href="/layui/css/layui.css">

2. 编写HTML代码

<input type="text" id="startTime">
<button id="btn">按钮button>

3. 创建相关layer，laydate对象

$(function(){
     
    <!--引入layer模块-->
    layui.use('layer', function(){
     
        var layer = layui.layer;
    });
    <!--引入laydate模块-->
     layui.use('laydate', function(){
     
        var laydate = layui.laydate;
        laydate.render({
     
            elem: '#startTime' //指定元素
        });
    });
})

$("#btn").on("click", function(){
     
    layer.msg('layer',  //layer.msg, 信息提示层
    		{
      shift: -1, time: 2000 },   // shift用来防止layer弹出时可能的抖动; time用来设置关闭等待时间, 默认3秒后关闭
        function(){
     		// 关闭弹出层时调用的函数
            // do something
        });
})

4. 效果
   参考链接：
   Layui教程
   Layui API