多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
#### 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