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><span>"+ cnDay+"</span> <span>"+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%}