使用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，但是他提供的文件也是要引入的

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

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

小程序日期（日历）时间选择器组件
封装一个小程序日期(日历)时间选择器组件简要说明: 一共两个版本 ,date-time-picker 和 date-time-picker-plus. date-time-picker 弹窗层是 ...
uni-app 超好用的时间选择器组件(起止时间)
uni-app 超好用的时间选择器组件(起止时间) uni-app 时间组件选择开始时间和结束时间可以单填一个也可以不填时间组件效果图 1. 引入插件点击进入下载页面 2. 根据步骤引入到项 ...
微信小程序 - 公农历通用时间选择器组件
GitHub Demo 地址: jh-weapp-demo 实现一些常用效果.封装通用组件和工具类小程序码序最近做了个小程序,需要用到支持公农历的通用时间选择器,找了一圈没有现成的,只能自己撸一 ...
uniapp 封装时间选择器组件
背景项目使用的ui框架为uView UI,因项目功能需求需要实现时间选择器可以选择秒,但是uview不支持,所以自行解决. 最终版是基于uview UI的时间组件代码做修改,实现功能. 基于unia ...
layui日期时间选择器
layui_日期时间选择选择器基本选择器效果年选择器效果年月选择器效果时间选择器效果日期加时间选择器效果可能会出现的bug解决选择器在看案例之前,先来看一下日期选择器的参数 ...
layUI laydate 时间选择器近一天、近一月、近三月、近一年
参考其他博主代码的情况下进行改编写入时间组件 <input type="text" class="layui-input" id="dateI ...
vue TimePicker时间选择器组件的回显与格式转变
我们监听打印出来是这种格式: Tue Mar 30 2021 17:44:12 GMT+0800 而我们需要的是这种格式: 17:44:12 实现: 方法一(注:这种方法可回显):文档里有一个属性:v ...
layui时间选择器点击事件
问题最近写了一个项目用到了layui框架,其中在用到时间选择器控件的时候想做一个点击一个时间可以触发一个事件,然后这个事件可以获取点击的时间,最终通过获取的时间来进行数据库查找,但是无奈怎样也触发不 ...
element-UI组件之日期时间选择器与时间格式转化
element-UI组件之日期时间选择器与时间格式转化日期选择器与时间选择器的一般使用日期时间选择器选择日期时间点选择日期范围日期选择器月份范围选择器禁选日期用time.getTime ...

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

初次使用Layui

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

最新文章

热门文章