calendar.js

初稿

/* --- Swazz Javascript Calendar ---
/* --- v 1.0 3rd November 2006
By Oliver Bryant
http://calendar.swazz.org */

function getObj(objID)
{
    if (document.getElementById) {return document.getElementById(objID);}
    else if (document.all) {return document.all[objID];}
    else if (document.layers) {return document.layers[objID];}
}

function checkClick(e) {
	e?evt=e:evt=event;
	CSE=evt.target?evt.target:evt.srcElement;
	if (getObj('fc'))
		if (!isChild(CSE,getObj('fc')))
			getObj('fc').style.display='none';
}

function hidCalendar()
{
    getObj('fc').style.display='none';
}

function isChild(s,d) {
	while(s) {
		if (s==d) 
			return true;
		s=s.parentNode;
	}
	return false;
}

function Left(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function Top(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

document.write('<table id="fc" style="position:absolute;border-collapse:collapse;background:#FFFFFF;border:1px solid #5F87D7;display:none" cellpadding=2>');
document.write('<tr>');
document.write('<td style="cursor:pointer;height:15px;" onclick="csubm()"><img src="Images/arrowleftmonth.gif"></td>');
document.write('<td colspan=5 id="mns" align="center" style="font:bold 13px Arial"></td>');
document.write('<td style="cursor:pointer" onclick="caddm()"><img src="Images/arrowrightmonth.gif"></td>');
document.write('</tr>');
for(var hh=1;hh<=6;hh++) {
	document.write('<tr>');
	for(var dd=1;dd<=7;dd++) {
		num=7 * (hh-1) - (-dd);
		document.write('<td id="v' + num + '" style="width:18px;height:10px">&nbsp;</td>');
	}
	document.write('</tr>');
}
document.write('<tr><td colspan=7 align="right" style="height:15px;FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D7DFE6,endColorStr=#FBFCFD);">');
document.write('<input type="button" value="Exit" style="font:10px Arial;color:#333399;border:#154C7F 1px solid;FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);" onclick="hidCalendar()" />');
document.write('&nbsp;&nbsp;&nbsp;</td></tr>');
document.write('</table>');

document.all?document.attachEvent('onclick',checkClick):document.addEventListener('click',checkClick,false);


// Calendar script
var now = new Date;
var sccm=now.getMonth();
var sccy=now.getFullYear();
var ccm=now.getMonth();
var ccy=now.getFullYear();

var updobj;
function lcs(ielem, bm1_h) {
	updobj=ielem;
	getObj('fc').style.left=Left(ielem);
	//getObj('fc').style.top=Top(ielem)+ielem.offsetHeight;
	if(arguments.length == 2) {
	    getObj('fc').style.top=Top(ielem)+ielem.offsetHeight-bm1_h;
	} else {
	    getObj('fc').style.top=Top(ielem)+ielem.offsetHeight;
	}
	getObj('fc').style.display='';
	
	// First check date is valid
	curdt=ielem.value;
	curdtarr=curdt.split('-');
	isdt=true;
	for(var k=0;k<curdtarr.length;k++) {
		if (isNaN(curdtarr[k]))
			isdt=false;
	}
	if (isdt&(curdtarr.length==3)) {
		ccm=curdtarr[1]-1;
		ccy=curdtarr[0];
		prepcalendar(curdtarr[2],curdtarr[1]-1,curdtarr[0]);
	}
	
}

function evtTgt(e)
{
	var el;
	if(e.target)el=e.target;
	else if(e.srcElement)el=e.srcElement;
	if(el.nodeType==3)el=el.parentNode; // defeat Safari bug
	return el;
}
function EvtObj(e){if(!e)e=window.event;return e;}
function cs_over(e) {
	evtTgt(EvtObj(e)).style.background='#FFCC66';
}
function cs_out(e) {
	evtTgt(EvtObj(e)).style.background='#C4D3EA';
}

function cs_click(e) {
	updobj.value=calvalarr[evtTgt(EvtObj(e)).id.substring(1,evtTgt(EvtObj(e)).id.length)];
	getObj('fc').style.display='none';
	
}

//var mn=new Array('JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC');
var mn=new Array('01','02','03','04','05','06','07','08','09','10','11','12');
var mnn=new Array('31','28','31','30','31','30','31','31','30','31','30','31');
var mnl=new Array('31','29','31','30','31','30','31','31','30','31','30','31');
var calvalarr=new Array(42);

function f_cps(obj) {
	//obj.style.background='#C4D3EA';
	obj.style.font='10px Arial';
	obj.style.color='#333333';
	obj.style.textAlign='center';
	obj.style.textDecoration='none';
	obj.style.border='1px solid #6487AE';
	obj.style.cursor='pointer';
}

// Passed
function f_cpps(obj) {
	//obj.style.background='#C4D3EA';
	obj.style.font='10px Arial';
	//obj.style.color='#ABABAB';
	obj.style.color='#333333';
	obj.style.textAlign='center';
	//obj.style.textDecoration='line-through';
	obj.style.border='1px solid #6487AE';
	//obj.style.cursor='default';
	obj.style.cursor='pointer';
}

function f_hds(obj) {
	obj.style.background='#FFF799';
	obj.style.font='bold 10px Arial';
	obj.style.color='#333333';
	obj.style.textAlign='center';
	obj.style.border='1px solid #6487AE';
	obj.style.cursor='pointer';
}

// Sunday's Style
function f_hdSun(obj) {
	obj.style.background='#EDF1F2';
	obj.style.font='bold 10px Arial';
	obj.style.color='#FF0000';
	obj.style.textAlign='center';
	obj.style.border='1px solid #6487AE';
	obj.style.cursor='pointer';
}

// Saterday's Style
function f_hdSat(obj) {
	obj.style.background='#EDF1F2';
	obj.style.font='bold 10px Arial';
	obj.style.color='#0000FF';
	obj.style.textAlign='center';
	obj.style.border='1px solid #6487AE';
	obj.style.cursor='pointer';
}

// day selected
function prepcalendar(hd,cm,cy) {
	now=new Date();
	sd=now.getDate();
	// alert("sd = " + sd); //当前的日期，今天返回5
	td=new Date();
	td.setDate(1);
	td.setFullYear(cy);
	td.setMonth(cm);
	cd=td.getDay();
	//alert("cd = " + cd); //当月第一天的星期是，从周日开始为0
	
	getObj('mns').innerHTML=cy+ '/' + mn[cm];// Title
	marr=((cy%4)==0)?mnl:mnn;
	for(var d=1;d<=42;d++) {
		f_cps(getObj('v'+parseInt(d)));
		
		// Sunday Style
		if((d-1)%7 === 0)
		{
		    f_hdSun(getObj('v'+parseInt(d)));
		}
		// Sat Style
		if(d%7 === 0)
		{
		    f_hdSat(getObj('v'+parseInt(d)));
		}
		
		if ((d >= (cd -(-1))) && (d<=cd-(-marr[cm]))) {
			dip=((d-cd < sd)&&(cm==sccm)&&(cy==sccy));
			//htd=((hd!='')&&(d-cd==hd));
			//if (dip)
			//	f_cpps(getObj('v'+parseInt(d)));
			//else if (htd)
			//	f_hds(getObj('v'+parseInt(d)));
			//else
			//	f_cps(getObj('v'+parseInt(d)));
			//getObj('v'+parseInt(d)).onmouseover=(dip)?null:cs_over;
			//getObj('v'+parseInt(d)).onmouseout=(dip)?null:cs_out;
			//getObj('v'+parseInt(d)).onclick=(dip)?null:cs_click;
			
			getObj('v'+parseInt(d)).onclick=cs_click;
			getObj('v'+parseInt(d)).innerHTML=d-cd;
			calvalarr[d]=''+cy+'-'+(cm-(-1))+'-'+(d-cd);
		}
		else {
			getObj('v'+d).innerHTML='&nbsp;';
			getObj('v'+parseInt(d)).onmouseover=null;
			getObj('v'+parseInt(d)).onmouseout=null;
			getObj('v'+parseInt(d)).style.cursor='default';
		}
	}
}

prepcalendar('',ccm,ccy);
//getObj('fc'+cc).style.visibility='hidden';

// 后一个月
function caddm() {
    ccm+=1; 
	if (ccm>=12) {
		ccm=0;
		ccy++;
	}
	//cdayf();
	prepcalendar('',ccm,ccy);
}

// 前一个月
function csubm() {
	ccm-=1;
	if (ccm<0) {
		ccm=11;
		ccy--;
	}
	//cdayf();
	prepcalendar('',ccm,ccy);
}

// 是否禁止以前月份的显示
function cdayf() {
    if ((ccy>sccy)|((ccy==sccy)&&(ccm>=sccm)))
	    return;
    else {
	    ccy=sccy;
	    ccm=sccm;
	    cfd=scfd;
    }
}