Jquery自定义扩展方法（二）--HTML日历控件

一、概述

　　研究了上节的Jquery自定义扩展方法，自己一直想做用jquery写一个小的插件，工作中也用到了用JQuery的日历插件，自己琢磨着去造个轮子--HTML5手机网页日历控件，废话不多说，先看看效果图吧



效果图很简单，代码封装在JQuery中，网页端只需要要调用即可；

二、Jquery自定义实体对象

　　Jquery可以自定义函数function，有没有可以定义实体对象，里面封装方法那？查询了一下资料发现，是可以的，不仅能够封装属性，还可以写自己的方法，调用模板代码如下：

$.CalenderData = {
//时间展示按钮
$ShowSelectData : function () {
$("#tcontrolretx").text(tyeer + "年" + tmonth + "月" + tday + "日");
}
,
//判读是否是闰年
$ISLeapYear : function (Year) {
if (((Year % 4) == 0) && ((Year % 100) != 0) || ((Year % 400) == 0)) {
return (true);
}
else {
return (false);
}
},

//初始化年
$InitCalenderYeerData:function (yeerData, CurYear) {
var YeerHtml = "";
var NDataTime = new Date();           //当前时间
var CurrYear = NDataTime.getFullYear(); //从 Date 对象以四位数字返回年份
var NowYear;
YeerHtml += liDataModel.format("");
for (var iyee = yeerData; iyee >= 0; iyee--) {
NowYear = CurrYear - iyee;
if (CurYear == NowYear) {
YeerHtml += liSDataModel.format(NowYear);
}
else {
YeerHtml += liDataModel.format(NowYear);
}
}
YeerHtml += liDataModel.format("");
return YeerHtml;
}
}

调用的时候，只需要下面方式进行即可：

$.CalenderData.$ShowSelectData();

调用起来也算方便。封装之后，Jquery调用显得就不那么凌乱了。