特效介绍
Ecalendar.jquery.min.js是一款基于jQuery的简洁强大UI美观的个性多功能日期时间选择插件。ECalendar 提供了WEB时间日历选择趋近完美的解决方案。
它使用方便,提供了各种配置参数,还提供了回调函数。而且有九种颜色的皮肤供选择,只要在配置中指明皮肤的索引即可。
在选择时间上,非常的具有个性,看上面的图就明白了,当调用时,type的参数为time时,按下日期,不要松开,会弹出两个圆环,内圆为12小时制,外圆为24小时制,拖动鼠标转动即可选择对应的时间,非常方便。
使用方法
1、引入相关js和css
1 | < link rel = "stylesheet" href = "css/style.css" /> |
2 | < script src = "js/jQuery-2.1.4.min.js" ></ script > |
3 | < script src = "js/Ecalendar.jquery.min.js" ></ script > |
2、html代码:
1 | < div class = "calendarWarp" > |
2 | < input type = "text" name = "date" class = 'ECalendar' id = "ECalendar_date" /> |
3、调用Ecalendar
01 | <script type= "text/javascript" > |
03 | $( "#ECalendar_date" ).ECalendar({ |
10 | callback: function (v,e){} |