一款好用的日期插件Laydate 用法分享
前言:
今天為了找日期插件也花了不少的時間,找了好幾個放到項目上都用不了。很煩,終於在晚上找到了這款 Laydate 插件,非常簡單,好用。
日期效果也不錯,記錄一下。
(一) Laydate 下載,分享百度雲鏈接
鏈接:https://pan.baidu.com/s/1m9w7rI18ZIQULyeki_sBfg
提取碼:ge7b
(二) 用法介紹
(1) 將下載的文件解壓
(2) 將js 文件放到 項目的js文件夾下,將theme放到css文件夾下
(3) 分別再對應的頁面中引入css 和 js
1 引入css
<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. 如果拿傳入的時間類型參數與空字符串‘‘進行對比判斷則會引發異常. 所以在上面的代碼中去該該判斷, 只保留非空判斷就正常了
彈出效果展示
自己遇到的小問題,記錄一下。 下次別再這樣的問題上浪費時間了。
一款好用的日期插件Laydate 用法分享