jQuery日程管理插件fullcalendar使用详解

}
var JQ = "";
if (DateGL.getDate() == BeginTime.getDate()) {
JQ += SolarTermStr[M];
}
return JQ;
}

将以上代码直接复制粘贴到从官网下载的fullcalendar.js的最后。然后关键的是我们要对fullcalendar.js原有的代码中程序日历天数的代码段做修改。

大概在第2385行开始，其中的if语句中的部分修改为以下代码

if (showNumbers) {//月视图天数数字显示
  var cnMonth = CnMonthofDate(date);//农历月
  var cnDay = CnDayofDate(date);//农历日
  var solar = SolarTerm(date);//农历节气
  if(solar!='') cnDay=solar;
  var cnMonDay = cnMonth+cnDay; 
  var holiday = '';
  if(cnDay=='正月')
    holiday = '春节';
  switch(cnMonDay){
    case '正月初一': holiday = '春节';break;
    case '正月十五': holiday = '元宵';break;
    case '五月初五': holiday = '端午';break;
    case '八月十五': holiday = '中秋';break;
    case '九月初九': holiday = '重阳';break;
    case '腊月三十': holiday = '除夕';break;
  } 
  html += "<div class='fc-day-number'><span class='solarday'>"+ cnDay+"</span>
  <span class='holiday'>"+holiday+"</span>" + date.getDate() + "</div>";
}

以上代码中，调用了农历算法，计算出日历中对应的农历日期包括节气，在这里我们还做了特殊节日的处理，比如春节、端午、中秋等，然后我们要将农历与公历以及特殊节日同时显示在fullcalendar中，这时就要修改css来控制使得公历日期显示在左上，农历显示在右上，特殊节日显示在中间。

.fc-grid .fc-day-number{padding: 0 2px; position:relative}
.fc-grid .fc-day-number span.solarday{float:right;color:#999}
.fc-grid .fc-day-number span.holiday{position:absolute; left:40%}