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;
 };