今天在网上有看到一个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 : ,//弹出时间停靠的左边位置
Top : -,//弹出时间停靠的顶部边位置
fuhao : "-",//日期连接符默认为-
isTime : false,//是否开启时间值默认为false
beginY : ,//年份的开始默认为1949
endY ://年份的结束默认为2049
});
});
</script>
这里是整个Demo,可供下载 日期插件