展现当前日期后三十一天的日历

118 阅读 0 评论 78 点赞

我是靠谱客的博主满意凉面，最近开发中收集的这篇文章主要介绍展现当前日期后三十一天的日历，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

先上效果图：

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<title>字符换行</title> 
		<style type="text/css">
				.yuyue {border:1px #cccccc solid;padding:10px;font-size:12px;background:#F3FABE;line-height:24px; }
				.rl_bold{background:#C8EB76;font-size:14px;line-height:34px;font-weight:bold;color:#006600;}
	  </style>
	</head> 
	<SCRIPT language=JavaScript> 
/**
* Description:取得日期的农历的对象
*			  使用方法如下（取得当前日期的农历）：
*			  var now=new Date();  
*			  var solarday = NLDate.solarday(now); 调用此对象中的solarday方法将当前日期传入即可
* Author: roger
* Version: 1
* @param: 无
**/
NLDate = {
		lunarinfo:new Array(0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,    
														0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,    
														0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,    
														0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,    
														0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,    
														0x06ca0,0x0b550,0x15355,0x04da0,0x0a5d0,0x14573,0x052d0,0x0a9a8,0x0e950,0x06aa0,    
														0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,    
														0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b5a0,0x195a6,    
														0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,    
														0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0,    
														0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,    
														0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,    
														0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,    
														0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,    
														0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0),
		
	 //==== 传回农历 y年的总天数    
	 lyeardays:function(y) {    
							var i, sum = 348    
							for(i=0x8000; i>0x8; i>>=1) sum += (this.lunarinfo[y-1900] & i)? 1: 0    
								return(sum+this.leapdays(y))    
							},
		//==== 传回农历 y年闰月的天数    
		leapdays:function (y) {    
								if(this.leapmonth(y))  return((this.lunarinfo[y-1900] & 0x10000)? 30: 29)    
								else return(0)    
						},
		//==== 传回农历 y年闰哪个月 1-12 , 没闰传回 0    
		leapmonth:function(y) { return(this.lunarinfo[y-1900] & 0xf)},
		//====================================== 传回农历 y年m月的总天数    
		monthdays:function(y,m) { return( (this.lunarinfo[y-1900] & (0x10000>>m))? 30: 29 )},
		//==== 算出农历, 传入日期物件, 传回农历日期物件    
		//     该物件属性有 .year .month .day .isleap .yearcyl .daycyl .moncyl    
		lunar:function(objdate) {    
										var i, leap=0, temp=0;    
										var basedate = new Date(1900,0,31);    
										var offset   = (objdate - basedate)/86400000;    
										this.daycyl = offset + 40;    
										this.moncyl = 14;    
										for(i=1900; i<2050 && offset>0; i++) {    
										temp = this.lyeardays(i);    
										offset -= temp;    
										this.moncyl += 12;    
										}    
										if(offset<0) {    
										offset += temp;    
										i--;    
										this.moncyl -= 12;    
										}    
										this.year = i;    
										this.yearcyl = i-1864;    
										leap = this.leapmonth(i); //闰哪个月    
										this.isleap = false   
										for(i=1; i<13 && offset>0; i++) {    
										//闰月    
										if(leap>0 && i==(leap+1) && this.isleap==false)    
										{ --i; this.isleap = true; temp = this.leapdays(this.year); }    
										else   
										{ temp = this.monthdays(this.year, i); }    
										//解除闰月    
										if(this.isleap==true && i==(leap+1)) this.isleap = false   
										offset -= temp    
										if(this.isleap == false) this.moncyl ++    
										}    
										if(offset==0 && leap>0 && i==leap+1)    
										if(this.isleap)    
										{ this.isleap = false; }    
										else   
										{ this.isleap = true; --i; --this.moncyl;}    
										if(offset<0){ offset += temp; --i; --this.moncyl; }    
										this.month = i    
										this.day = offset + 1 
										return {month:this.month,day:this.day};
						},
			cday:function(m,d){    
								var nstr1 = new Array('日','一','二','三','四','五','六','七','八','九','十');    
								var nstr2 = new Array('初','十','廿','卅','　');    
								var s,rm;    
								if (m>10){rm = '十'+nstr1[m-10]} else {rm = nstr1[m]} rm += '月'   
								if (rm=="十二月") s = "腊月";    
								if (rm=="一月") s = "正月";    
								switch (d) {
									case 1: s = rm; break; 
									case 10:s = '初十'; break;    
									case 20:s = '二十'; break;    
									case 30:s = '三十'; break;    
									default: s = nstr2[Math.floor(d/10)] + nstr1[d%10];    
								}    
								return(s);    
					},
			solarday:function(nowdate){
									debugger;
									var tt = ""; 
									if(nowdate instanceof Date){ 
											var sTermInfo = new Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758);
											var solarTerm = new Array("小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至");
											var lFtv = new Array("0101*春节","0115 元宵节","0505 端午节","0707 七夕情人节","0715 中元节","0815 中秋节","0909 重阳节","1208 腊八节","1224 小年","0100*除夕");
											var sFtv = new Array("0101*元旦","0214 情人节","0308 妇女节","0312 植树节","0315 消费者权益日","0401 愚人节","0501 劳动节","0504 青年节","0512 护士节","0601 儿童节","0801 建军节","0910 教师节","1001*国庆节","1024 联合国日","1225 圣诞节");
											var SY = nowdate.getFullYear();
											var SM = nowdate.getMonth();
											var SD = nowdate.getDate();
											var sdobj = new Date(SY,SM,SD);    
											var ldobj = this.lunar(sdobj);  
											var ldpos = new Array(3);
											var festival='',solarTerms='',solarFestival='',lunarFestival='',tmp1,tmp2;
											//农历节日
									  	for(i in lFtv)
									        if(lFtv[i].match(/^(d{2})(.{2})([s*])(.+)$/)) {
									           	tmp1=Number(RegExp.$1)-ldobj.month
									   					tmp2=Number(RegExp.$2)-ldobj.day
									   				if(tmp1==0 && tmp2==0) lunarFestival=RegExp.$4
									    	  }
									    //国历节日
									    for(i in sFtv)
													if(sFtv[i].match(/^(d{2})(d{2})([s*])(.+)$/)){
										 					tmp1=Number(RegExp.$1)-(SM+1)
										 					tmp2=Number(RegExp.$2)-SD
										 					if(tmp1==0 && tmp2==0) solarFestival = RegExp.$4
									   			}
									    //节气
									    tmp1 = new Date((31556925974.7*(SY-1900)+sTermInfo[SM*2+1]*60000)+Date.UTC(1900,0,6,2,5))
									    tmp2 = tmp1.getUTCDate()
									    if (tmp2==SD) solarTerms = solarTerm[SM*2+1] 
									    tmp1 = new Date((31556925974.7*(SY-1900)+sTermInfo[SM*2]*60000)+Date.UTC(1900,0,6,2,5))
									    tmp2= tmp1.getUTCDate()
									    if (tmp2==SD) solarTerms = solarTerm[SM*2]
									    if(solarTerms == '' && solarFestival == '' && lunarFestival == ''){
    									   		festival = "";
    								  }else{
    								      	festival = solarTerms + ' ' + solarFestival + ' ' + lunarFestival;
    								  }
    								  if(festival!=""){
    								   		tt = festival;
    								  }else{ 
    								  		tt = this.cday(ldobj.month,ldobj.day);
    								  } 
									}else{
										tt = "请传入日期对象";
									}
									return tt;     
					}		 	
};

var now=new Date(2011,11,31);
var next = new Date(now.getTime()+24 * 3600 *1000);
var nextTime = next.getTime();
var nowWeekDay = next.getDay();
var str = new Array();
str.push("<table width='697' style='line-height: 20px; padding-top: 16px;' border='0'>");
str.push("<tr>");
str.push("<td class='rl_bold'>星期日</td>");
str.push("<td class='rl_bold'>星期一</td>");
str.push("<td class='rl_bold'>星期二</td>");
str.push("<td class='rl_bold'>星期三</td>");
str.push("<td class='rl_bold'>星期四</td>");
str.push("<td class='rl_bold'>星期五</td>");
str.push("<td class='rl_bold'>星期六</td>");
str.push("</tr>");
var num = 0;
var tempWeekDay = 0;
var temprow = ((nowWeekDay+32)/7)<=5?5:6;
for(var row=0;row<temprow;row++){
	str.push("<tr>");
		for(var cos=0;cos<7;cos++){
				if(num==0&&tempWeekDay<nowWeekDay){
								str.push("<td class='yuyue'></td>");
					      tempWeekDay++;
				}else if(num<32){
					var nextdate = new Date(nextTime + 24 * 3600 *1000*num);
					var dateDay = nextdate.getDate();
					var solarday = NLDate.solarday(nextdate);
					str.push("<td class='yuyue'>");
					str.push("<a style='color: #009900; font-size: 28px; font-weight: bold; text-decoration: none;'>"+dateDay+"</a>");
					str.push("<p>"+solarday+"</p>");
					str.push("</td>");
					num++;
				}else{
						str.push("<td class='yuyue'></td>");
				}
		}
	str.push("</tr>");
} 
str.push("</table>");
document.write(str.join(""));  
</SCRIPT>
	<body> 
	</body> 
</html>