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

前言: 

   今天为了找日期插件也花了不少的时间,找了好几个放到项目上都用不了。很烦,终于在晚上找到了这款 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. 如果拿传入的时间类型参数与空字符串''进行对比判断则会引发异常. 所以在上面的代码中去该该判断, 只保留非空判断就正常了

 弹出效果展示

 

    


   自己遇到的小问题,记录一下。  下次别再这样的问题上浪费时间了。

猜你喜欢

转载自www.cnblogs.com/misscai/p/10591235.html