码迷,mamicode.com
首页 > Web开发 > 详细

Jquery自定义扩展方法(二)--HTML日历控件

时间:2016-02-01 23:45:59      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

一、概述

  研究了上节的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调用显得就不那么凌乱了。

Jquery自定义扩展方法(二)--HTML日历控件

标签:

原文地址:http://www.cnblogs.com/xibei666/p/5176434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!