SpringBoot在thymeleaf模板引擎下集成layDate日期插件

SpringBoot框架在thymeleaf模板引擎下集成layDate日期插件

爬坑过程中发现thymeleaf模板引擎对layDate影响不是很大，需要注意的就是引入插件的一些细节。

---

看视频的时候弹幕说layui贼好用，我看大家都夸爆了就来试一下。

刚好给form表单的日期框引入一个插件。（本来是想分页的，dbq太难了）

1、进入layui官网，进入文档

2、进入内置模块 — 日期与时间选则，可以看到很多样式，甚至可以直接copy源码。

3、快速开始的教程教我们引入相关的css和js资源就好：

4、记得将相关包放在自己工程中后把引用路径改成自己工程下的。

成功导入js和css文件后我们发现还是缺点东西。

5、就是说在我们没有安装整个layui模块的时候这种方式是有问题的。

应该直接导入依赖的laydate.js文件；作为独立组件使用

6、这时候细节来了！！如果和我一样在已经下载的layui-v2.5.6文件夹中找laydate.js文件的话，的确是可以找到，但是存在一个致命的问题：

作为独立组件使用时仅需要导入laydate.js文件，laydate.js会自动导入laydate.css

而有意思的是，这个导入laydate.css的路径并不存在于layui-v2.5.6文件夹中；而是与layDate独立版本中提供的layDate-v5.0.9相匹配。

问题解决：

其实很简单，就是要直接下载layDate-v5.0.9，将其中的laydate.js文件引入即可，js加载时会从指定路径加载相关的css文件。

运行效果：