使用Layui的时间选择器组件不显示问题

初次使用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,但是他提供的文件也是要引入的
在这里插入图片描述

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值