1. 程式人生 > >一款好用的日期插件Laydate 用法分享

一款好用的日期插件Laydate 用法分享

render 時間類 ring valid http 正常 col color iso

前言:

  今天為了找日期插件也花了不少的時間,找了好幾個放到項目上都用不了。很煩,終於在晚上找到了這款 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. 如果拿傳入的時間類型參數與空字符串‘‘進行對比判斷則會引發異常. 所以在上面的代碼中去該該判斷, 只保留非空判斷就正常了

彈出效果展示

技術分享圖片

    


   自己遇到的小問題,記錄一下。 下次別再這樣的問題上浪費時間了。

一款好用的日期插件Laydate 用法分享