今天在网上有看到一个jquery插件——日历控件,不过之前也在柯乐义的网站上看到了(http://keleyi.com/ 推荐下)
这个插件看着比较大气,所以干脆也分享下,以后自己也好用一点儿
1.页面调用css
<link rel="stylesheet" type="text/css" href="css/manhuaDate.1.0.css"/>
2:页面引入js
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/manhuaDate.1.0.js"></script>
3.页面上写一个input标签
<input type="text" class="mh_date" readonly="true" />
4.写一段js
<script type="text/javascript"> $(function (){ $("input.mh_date").manhuaDate({ Event : "click",//可选 Left : 0,//弹出时间停靠的左边位置 Top : -16,//弹出时间停靠的顶部边位置 fuhao : "-",//日期连接符默认为- isTime : false,//是否开启时间值默认为false beginY : 2010,//年份的开始默认为1949 endY :2015//年份的结束默认为2049 }); }); </script>
这里是整个Demo,可供下载 日期插件