当前位置: 乐呵网 > js学习网 > JavaScript验证 >

操作Facade设计模式建设JS日历

时间:2014-06-22 21:19来源:乐呵网提供 作者:乐呵网 点击:
要建立日历,你将使用Facade设计模式,创造一个围绕包装内置的JavaScript Date对象。该包装暴露了必要的日期属性来创
 this.write = writeCalendar;
}

 font: 10pt sans-serif;
 calString += '<td class="month" colspan="3">&nbsp;</td>';
    return 29; //leap year
 border-bottom: 1px black solid;
 //write the nav row
 d.setDate(this.date);
 var calString = '<div id="calContainer">';
 this.pix = p;
 //more trickery!

/*
 font: 10pt sans-serif;
 background-color: navy;
  case 1:
 border-bottom: 1px black solid;
   calString += '<td>&nbsp;</td>';
.days{
}

这正是日历项目一样。要成立日历,你将利用Facade设计模式,缔造一个环绕包装内置的JavaScript Date工具。请留意,在这个项目标包装实际上不埋没任何的日期工具的成果。

.nav{
 cursor: hand;
 //thirty days has September...
 //The Date object is smart enough to know that it should roll over in December
 document.getElementById(cal.id + "selected").className = "days";
function changeDate(td,cal){
.empty{
 cal = eval(cal);
  case 8:
  }else if(displayNum > this.length()){
 document.getElementById(cal.id + "selected").id = "";
  }

   return 30;
  default:
  }else if(displayNum==this.date){
 //write a row containing days of the week
 calString += '<td class="nav" style="text-decoration:underline;" onClick="changeMonth(-12,\'' + this.id + '\')">&lt;</td>';
 for(j=0;j<42;j++){
(责任编辑:admin)
------分隔线----------------------------
栏目列表
推荐内容