初次使用Layui

最近在做一个springboot项目,前端的知识我不太会,为了页面美观就使用了layui的时间选择组件,但是怎么都显示不出来时间组件。
以下就是记录我的使用历程。

我先去layui官网下载了他的文档

解压后,在他给的测试网页中,添加了从官网上选择的时间选择器,我选择的是常规的时间选择器,对应代码如下

html的代码

<div class="layui-inline">
      <label class="layui-form-label">中文版</label>
      <div class="layui-input-inline">
        <input type="text" class="layui-input" id="test1" placeholder="yyyy-MM-dd">
      </div>
    </div>

别忘了,拿最后面script标签里的js代码

layui.use('laydate', function(){
  var laydate = layui.laydate;
    //常规用法
    laydate.render({
      elem: '#test1'
    });
	});

最后在他提供的测试网页中成功显示了
在这里插入图片描述

然后我将代码复制到springboot后,只导入了layui.js和layui.css,一直显示不出时间控件
在这里插入图片描述
经过一番倒腾,发现虽然layui用的test.html文档中只引用了layui.js和layui.css,但是他提供的文件也是要引入的
在这里插入图片描述

之后再重新启动项目,就显示了。


版权声明:本文为xsy92原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/xsy92/article/details/123530902