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

于 2011-12-28 11:53:00 发布
阅读量136 收藏
点赞数
文章标签： xhtml

先上效果图：

代码如下：

<!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>



iteye_4002
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值