simplecalendar.js

事件提醒系统

var spanname="";
var today=new Date();
var desTxtId;
var cal;
var tbl;
var tblchild;
var obj;
var counter = 0;
var browserName=navigator.appName;
var isIE=browserName.indexOf("Microsoft")!=-1?true:false;
var ctoday = today;
var tonum1 = ctoday.getDate();
var tonum2 = ctoday.setDate(1);
var tonum3 = ctoday.getDay();
var tonum = tonum1 + tonum3;
function montharr(m0,m1,m2,m3,m4,m5,m6,m7,m8,m9,m10,m11){
	this[0]=m0;this[1]=m1;this[2]=m2;this[3]=m3;this[4]=m4;this[5]=m5;this[6]=m6;
	this[7]=m7;this[8]=m8;this[9]=m9;this[10]=m10;this[11]=m11; 
}

function fillcalendar(){
	var monthDays=new montharr(31,28,31,30,31,30,31,31,30,31,30,31);
	var monthNames=new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
	year=today.getFullYear();
	if(((year%4==0)&&(year%100!=0))||(year%400==0))monthDays[1]=29;
	nDays=monthDays[today.getMonth()];
	firstDay=today;
	firstDay.setDate(1);
	startDay=firstDay.getDay();
	column=0;
	tblchild=tbl.firstChild;
	tblchild.childNodes[1].childNodes[2].innerHTML=year+"年"+monthNames[today.getMonth()]
	for(var i=0;i<startDay;i++){
		tblchild.childNodes[3].childNodes[i].innerHTML="&nbsp;";column++;
	}
	j=3;
	var txt="";
	for(var i=1;i<=nDays;i++){
		tblchild.childNodes[j].childNodes[column].innerHTML=i;
		column++;
		if(column==7){
			j=j+1;column=0;
		}
	}
	if(column<7&&column!=0)
		for(var i=column;i<7;i++)tblchild.childNodes[j].childNodes[i].innerHTML="&nbsp;";
}

function monthadd(){
	clearCalendar();
	today.setMonth((today.getMonth()+1)%12);
	if(today.getMonth()==0)today.setFullYear(today.getFullYear()+1);
	fillcalendar();
}

function monthsub(){
	clearCalendar();
	today.setMonth((today.getMonth()+11)%12);
	if(today.getMonth()==11)today.setFullYear(today.getFullYear()-1);
	fillcalendar();
}

function changeyear(yearValue){
	if(1900>yearValue||yearValue>2999){alert("年份范围有误！");return;}
	today.setFullYear(yearValue);
	clearCalendar();
	fillcalendar();
}

function formatDate(iYear, iMonth, stdate){
	var gdCtrl="";
	var iDay=parseInt(stdate);
	if ((iYear == 0) && (iMonth == 0) && (iDay == 0)){
		gdCtrl.value = "";
	}else{
		iMonth = iMonth + 100 + "";
		iMonth = iMonth.substring(1);
		iDay   = iDay + 100 + "";
		iDay   = iDay.substring(1);
		gdCtrl = iYear+"-"+iMonth+"-"+iDay;
	}
	return gdCtrl;
}

function clearCalendar(){
	for(var i=3;i<tblchild.childNodes.length;i++)
	for(var j=0;j<tblchild.childNodes[3].childNodes.length;j++)
		tblchild.childNodes[i].childNodes[j].innerHTML="";
}

function buildtbl(){
	document.write("<table CLASS='dateTab' id='calTbl' width='100%' border=1 align='center' HEIGHT='200'  >");
	document.write("<tr >");
	document.write("</tr>");
	document.write("<tr>");
	document.write("<td align='center'><a  href='javascript:void(null)' onclick='changeyear(today.getFullYear()-1)'><font  face='Webdings' color='#C8C400'>7</font></a></th>");
	document.write("<td align='center'><a  href='javascript:void(null)'onclick='monthsub()'><font  face='Webdings' color='#C8C400'>3</font></a></th>");
	document.write("<td  colspan='3' align='center' style=' font-size:9pt;font-weight:;color:black'>&nbsp;</th>");
	document.write("<td align='center'><a href='javascript:void(null)' onclick='monthadd()'><font face='Webdings' color='#C8C400'>4</font></a></th>");
	document.write("<td align='center'><a href='javascript:void(null)' onclick='changeyear(today.getFullYear()+1)'><font  face='Webdings' color='#C8C400'>8</font></a></th>");
	document.write("</tr>");
	document.write("<tr >");
	document.write("<td align='center' style='font-size:9pt;color:darkgreen;font-weight:' bgcolor='#ADCDEC'>日</th>");
	document.write("<td align='center' style='font-size:9pt;color:darkgreen;font-weight:' bgcolor='#ADCDEC'>一</th>");
	document.write("<td align='center' style='font-size:9pt;color:darkgreen;font-weight:' bgcolor='#ADCDEC'>二</th>");
	document.write("<td align='center' style='font-size:9pt;color:darkgreen;font-weight:' bgcolor='#ADCDEC'>三</th>");
	document.write("<td align='center' style='font-size:9pt;color:darkgreen;font-weight:' bgcolor='#ADCDEC'>四</th>");
	document.write("<td align='center' style='font-size:9pt;color:darkgreen;font-weight:' bgcolor='#ADCDEC'>五</th>");
	document.write("<td align='center' style='font-size:9pt;color:darkgreen;font-weight:' bgcolor='#ADCDEC'>六</th>");
	document.write("</tr>");
	for(var i=0;i<6;i++){
		document.write("<tr >");
		for(var j=0;j<7;j++){
	  		var monuseoutStyle="";
	  		if(j==0){
				varStyle="font-weight;color:darkorange;background-color: #D4E3F5";
				monuseoutStyle="#D4E3F5";
	  		}else if(j==6){
				varStyle="font-weight;color:darkorange;background-color: #D4E3F5";
				monuseoutStyle="#D4E3F5";
	  		}else{
				varStyle="font-weight;color:black;";
				monuseoutStyle="";
	  		}
	  		if(tonum == ++counter){
				varStyle="font-weight;color:yellow;background-color: #94BDE5";
				monuseoutStyle="#94BDE5";
	  		}
	  		document.write("<td  align='center' width='14%' style='"+varStyle+"' onmousedown=returndate(this.innerHTML) onmouseover=this.style.cursor='hand';this.style.backgroundColor='#FFFFFF' onmouseout=this.style.backgroundColor='"+monuseoutStyle+"'></td>");
		}
		document.write("</tr >");
	}
	document.write("</table>");
	cal=document.getElementById(spanname);
	tbl=document.getElementById("calTbl");
	fillcalendar();
	//hidecal();
}

function hidecal(){ cal.style.display="none"; }

function showcal(namespan){
	spanname=namespan;
	buildtbl();
}