首页 > 其他 > 详细

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

时间:2019-03-24 23:33:43      阅读:214      评论:0      收藏:0      [点我收藏+]

前言: 

   今天为了找日期插件也花了不少的时间,找了好几个放到项目上都用不了。很烦,终于在晚上找到了这款 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 用法分享

原文:https://www.cnblogs.com/misscai/p/10591235.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!