Fork me on GitHub

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

<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,可供下载   日期插件

posted on 2014-02-28 15:47  雨为我停  阅读(420)  评论(0编辑  收藏  举报