layui laydate的应用

1、下载layui包   npm i layui-src 

2、下载jq包  npm install jquery  –save -dev

3、配置main.js 文件

 import jquery/dist/jquery.min

import “layui-src/dist/css/layui.css”;

import “layui-src/dist/layui.js”;

import layui-src/dist/css/modules/laydate/default/laydate.css   这句必定要加，不然layuidate 时间选择器用不了

4、然后就可以在组件里面写内容了：    <input type=”text” id=”test1″ />  根据需要可以用div包起来 也可以不包 

5、在钩子函数里应用：

layui.use(“laydate”, function () {

      var laydate = layui.laydate;

      laydate.render({

        elem: “#test1”,

        type: “date”, //默认，可不填

        range: true,

      });

    });

6、配置完这些就可以看到效果

7、还有种方法是通过CDN 引入  index.html  

<script src=”https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js”></script>

也能正常使用，切记通过新手教程文档index.html 引入

<link rel=”stylesheet” alt=”layui laydate的应用”>

<script src=”../static/dist/layui.js”></script>

会报../static/dist/layui.js 404 的错误 ../static/dist/css/layui.css引入timeout的错误