cocos2d-html5版日历组件

根据一as3版本给改编成成了js版的。as3版本的地址:  http://download.csdn.net/detail/fengye513/2722289

胜利项目做的差不多了，由于项目用的是c++，并没有动态更新逻辑的需求，所以也就没有写什么js或者lua脚本，全部c++，涉及到付费或者分享之类特殊处理，objc和java还是写了不少。话不多说，现在游戏里增加了一个会不定期更新的活动模块，逻辑部分和UI部分都会实事改动，一开始想要写lua，但是由于引擎版本差异，引擎代码被改动过等原因，放弃了lua binding的方式，于是就用到了webView这个东东，直接嵌入页面到游戏中，搞定了objc与js互调，java与js互调之后，利用cocosx-html5引擎开些了。

活动嘛，少不了签到，签到，肯定是在日历上签咯。

共三个类，类名没怎么改，还是用as那老兄的命名

DayObject ：日历上每一天的数据
DateShape　: 日历上每一天的视图
SuperCalendar ： 日历容器

new一个SuperCalendar并addChild到你想要它出现的地方,然后调用setData()方法传递年，月，日，就可以了，

支持跳月，跳年就没写了，如果你需要的话可以看看原本的as代码里有。

上代码：

/**
*    @anthor JiaDing
*
*/

var DayObject = cc.Class.extend({
    
    innerText:null,//几号
    isToady:false,//是否是当天
    isMark:false,//是否签到
    

    init:function () 
    {
        
        
        return true;
            
    }
    

});

DayObject.create = function() 
{
    var obj = new DayObject();
    if(obj && obj.init())
    {
        return obj;
    }
    return null;
};

/**
*    @anthor JiaDing
*
*/

var DateShape = cc.Sprite.extend({
    
    _label:null,
    _lis:null,
    _Obj:null,

    init:function (val) 
    {
        var ready = false;
        if (this._super())
        {    
            // winSize = cc.Director.getInstance().getWinSize();

             this._lis = [];
            this._Obj = val;
            
            var markInfo = null;
            if(this._Obj.isMark)
            {
                markInfo = "(已签)";
            }
            else
            {
                markInfo = "(未签)";
            }
            this._label = cc.LabelTTF.create(this._Obj.innerText+markInfo, "Arial", 25);
            
            
            if(this._Obj.isToady)
            {
                this._label.setColor(cc.c3b(255,0,0));
            }
            else
            {
                this._label.setColor(cc.c3b(255,255,255));
            }
            
            this.addChild(this._label);

            
            ready = true;
        }
        return ready;
            
    }
    

});

DateShape.create = function(val) 
{
    var shape = new DateShape();
    if(shape && shape.init(val))
    {
        return shape;
    }
    return null;
};

DateShape.prototype.remove = function()
{
    this.removeAllChildren(true);
    this._label = null;
    this._lis = null;
    
}

/**
*    @anthor JiaDing
*
*/

var SuperCalendar = cc.Layer.extend({
    
    daysMonth:null,
    thisYear:0,
    thisMonth:0,
    thisDay:0,
    day:null,
    dayObj:null,
    dateSprite:null,

    inputDate:null,
    today:null,
    todayTitleInfo:null,


    init:function () 
    {
        var bRet = false;
        if (this._super())
        {    
            
            this.daysMonth = [31,28,31,30,31,30,31,31,30,31,30,31];//正常的月份日期
            this.day = new Array(42);
            this.dayObj = new Array(42);
            
            bRet = true;
        }
        return bRet;
            
    },
    setData:function(y,m,d)
    {
        this.thisYear = y;
        this.thisMonth = m;
        this.thisDay = d;
        this.today = this.thisYear + "-" + this.thisMonth + "-" + this.thisDay;
        this.updateCalendar();
    },
    updateCalendar:function () 
     {
         if(this.dateSprite != null)
         {
             this.dateSprite.removeAllChildren(true);
             this.removeChild(this.dateSprite);
             this.dateSprite = null;
         }
         var iRemove=0; 
         // document.write(this.dateSprite);
         if(this.dateSprite == null)
        {
             this.dateSprite = cc.Sprite.create();
             this.addChild(this.dateSprite);
         }
         
         var y = this.thisYear;
         var m = this.thisMonth;
         var d = this.thisDay;
         
         if(!(y <= 9999 && y >= 1000 && m > 0 && m < 13 && d > 0)){
                         //日期初始化
             this.thisYear = 2013
             this.thisMonth = 7; 
             this.thisDay = 10;
         }
         
         this.todayTitleInfo = this.thisYear + "年  " + this.thisMonth + "月";
        
         y = this.thisYear;
         m = this.thisMonth;
         d = this.thisDay;
         this.daysMonth[1] = (0 == y%4 &&(y%100!=0 || y%400==0)) ? 29:28;
         var w = new Date(y,m-1,1).getDay();
             
         var prevDays = m==1? this.daysMonth[11] : this.daysMonth[m-2];
         var i;
         for(i=(w-1);i >= 0;i--){
             this.day[i] = y + "-" + (m-1) + "-" + prevDays;
             if(m == 1){
                 this.day[i] = (y-1) + "-" + 12 + "-" + prevDays;
             }
             prevDays--;
         }
         for(i=1;i <= this.daysMonth[m-1];i++){
             this.day[i+w-1] = y + "-" + m  + "-" + i;
         }
         for(i=1;i<42-w-this.daysMonth[m-1]+1;i++){
             this.day[this.daysMonth[m-1]+w-1+i] = y + "-" + (m+1) + "-" + i;
             if(m==12){
                 this.day[this.daysMonth[m-1]+w-1+i] = (y+1) + "-" + 1 + "-" + i;
             }
         }
         
         for(i=0;i<42;i++)
         {
             var a = this.day[i].split("-");
             this.dayObj[i] = DayObject.create();
             this.dayObj[i].innerText = a[2];
            this.dayObj[i].isToady = false;

             //非本月份,不显示日期
             if(i < w)
            {
                continue;
             }
             if(i >= w+this.daysMonth[m-1])
            {
                continue;
             }
     
             //今天日期
             if(this.day[i] == this.today)
            {
                this.dayObj[i].isToady = true;
             }
     
             var dateShape = DateShape.create(this.dayObj[i]);
             dateShape.setPositionX((i % 7) * 115);
            //cocos2d的世界里越往下y越小,所以要(6-i)
             dateShape.setPositionY( Math.floor((6-i) / 7) * 40 );
            
             this.dateSprite.addChild(dateShape);
     
         }
     },
    jumpToPrevMonth:function()
    {
        this.thisDay = 1;
        if(this.thisMonth == 1)
        {
            this.thisYear--;
            this.thisMonth = 13;
        }
        this.thisMonth--;
        this.updateCalendar();
    },
    jumpToNextMonth:function()
    {
        this.thisDay = 1;
        if(this.thisMonth == 12)
        {
            this.thisYear++;
            this.thisMonth = 0;
        }
        this.thisMonth++;
        this.updateCalendar();
    },
    jumpToToday:function()
    {
        this.thisYear = 2013;
        this.thisMonth = 7;
        this.thisDay = 10;
        this.today = this.thisYear + "-" + this.thisMonth + "-" + this.thisDay; //今天("yyyy-dd-mm")
        this.updateCalendar();
    }
});

SuperCalendar.create = function() 
{
    var layer = new SuperCalendar();
    if(layer && layer.init())
    {
        return layer;
    }
    return null;
};