初次使用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,但是他提供的文件也是要引入的
之后再重新启动项目,就显示了。