前言:
今天为了找日期插件也花了不少的时间,找了好几个放到项目上都用不了。很烦,终于在晚上找到了这款 Laydate 插件,非常简单,好用。
日期效果也不错,记录一下。
(一) Laydate 下载,分享百度云链接
链接:https://pan.baidu.com/s/1m9w7rI18ZIQULyeki_sBfg
提取码:ge7b
(二) 用法介绍
(1) 将下载的文件解压
(2) 将js 文件放到 项目的js文件夹下,将theme放到css文件夹下
(3) 分别再对应的页面中引入css 和 js
1 引入css 引入的位置不对,可能会报错,放在title 或 head 标签下方 (我是放在了head下方,开始放在head里面报错了) 有错的话,自己换一换位置就好。
<link rel="stylesheet" href="/css/laydate.css"/> //换成自己的路径
2 引入js JS的位置尽量往上放吧, 不然也会报错。
<script src="/js/laydate.js"></script> //换成自己的路径
(4)写<input> 和 加载插件 (例)
<input id="specimencollectdate" type="text">
<srcipt>
laydate.render({
elem: ‘#specimencollectdate‘
});
</script>
注意: 这个日期传入后台,在mybatis中 不能判断其 为空字符串,否则会报错(invalid comparison: java.util.Date and java.lang.String)
原因是mybatis 3.3.0中对于时间参数进行比较时的一个bug. 如果拿传入的时间类型参数与空字符串‘‘进行对比判断则会引发异常. 所以在上面的代码中去该该判断, 只保留非空判断就正常了
弹出效果展示
自己遇到的小问题,记录一下。 下次别再这样的问题上浪费时间了。
原文:https://www.cnblogs.com/misscai/p/10591235.html