#### jeDate日期时间插件
* 我们在项目开发中经常会遇到需要用户输入时间日期的需求,有句话说的很对:永远不要相信用户输入的数据。所以想让用户按照我们给定的格式输入是不可能的,这款前端插件恰好能够解决这个问题,并且更加小巧、灵活,使用起来更加方便。
[演示及功能介绍点这里](http://www.jq22.com/yanshi6110)
话不多说:<br>
* * * * *
<br>
~~~
<!--1.将插件引入至项目-->
<link type="text/css" rel="stylesheet" href="jedate/skin/jedate.css">
<script src="http://www.jq22.com/jquery/jquery-1.7.1.js"></script>
<script type="text/javascript" src="jedate/jedate.js" ></script>
~~~
~~~
<!--2.添加css样式-->
<style>
.bodys{ padding:50px 0 0 50px;}
.datainp{ width:200px; height:30px; border:1px #A5D2EC solid;}
.datep{ margin-bottom:40px; line-height:24px; margin-right:15px;}
.wicon{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAQCAYAAADj5tSrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8xNS8xNGnF/oAAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAoElEQVQ4jWPceOnNfwYqAz9dYRQ+E7UtwAaGjyUsDAyYYUgJ2HT5LXZLcEmSCnA6duOlN///////H0bDALl8dPH/////Z8FuNW6Qtvw2nL3lyjsGBgYGhlmRqnj1kGwJuqHIlhJlCXq8EOITEsdqCXLEbbr8FisfFkTo+vBZRFZwERNEFFkCiw90nxJtCalxQmzegltCzVyP1RJq5HZ8AABuNZr0628DMwAAAABJRU5ErkJggg=="); background-repeat:no-repeat; background-position:right center;}
</style>
~~~
~~~
<!--3.调用插件功能-->
<input class="datainp wicon" id="inpstart" type="text" placeholder="开始时间" onClick="jeDate({dateCell:'#inpstart',isTime:true,format:'YYYY-MM-DD hh:mm:ss'})" name="statrt_time" readonly>
<input class="datainp wicon" id="inpend" type="text" placeholder="结束时间" onClick="jeDate({dateCell:'#inpend',isTime:true,format:'YYYY-MM-DD hh:mm:ss'})" name="end_time" readonly>
~~~
另:经笔者测试,能够调用起这个插件的关键地方在于input内的onclick事件jeDate方法。假如把这个事件放在另一个button内,该插件依然可以正常使用。
<br>
插件已上传至QQ群,需要的朋友可以加群一起交流:418888747