jquery插件——日历控件

今天在网上有看到一个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

jquery插件——日历控件
<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>
jquery插件——日历控件

这里是整个Demo,可供下载   日期插件

jquery插件——日历控件,布布扣,bubuko.com

jquery插件——日历控件

上一篇:给网页图标添加动画效果 网页字体Font Awesome动态效果


下一篇:[design pattern] Category