#### 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
