popcalendar.js

实现了一个OA系统基本的功能

		document.getElementById('y'+i).innerHTML = txtYear;
	}
	nStartingYear--;
	bShow=true;
}

function selectYear(nYear) {
	yearSelected = parseInt(nYear + nStartingYear);
	yearConstructed = false;
	constructCalendar();
	popDownYear();
}

function constructYear() {
	popDownMonth();
	sHTML = '';
	if (!yearConstructed) {
		sHTML = '<tr><td align="center" onmouseover="this.style.backgroundColor=\'#909090\'" onmouseout="clearInterval(intervalID1);this.style.backgroundColor=\'\'" style="cursor:pointer;color:#006" onmousedown="clearInterval(intervalID1);intervalID1=setInterval(\'decYear()\',30)" onmouseup="clearInterval(intervalID1)">-</td></tr>';

		j = 0;
		nStartingYear =	yearSelected - 9;
		for ( i = (yearSelected-9); i <= (yearSelected+9); i++ ) {
			sName = i;
			if (i == yearSelected) sName = '<b>' + sName + '</b>';
			sHTML += '<tr><td id="y' + j + '" onmouseover="this.style.backgroundColor=\'#909090\'" onmouseout="this.style.backgroundColor=\'\'" style="cursor:pointer;color:#006" onclick="selectYear('+j+');event.cancelBubble=true">&nbsp;' + sName + '&nbsp;</td></tr>';
			j++;
		}

		sHTML += '<tr><td align="center" onmouseover="this.style.backgroundColor=\'#909090\'" onmouseout="clearInterval(intervalID2);this.style.backgroundColor=\'\'" style="cursor:pointer;color:#006" onmousedown="clearInterval(intervalID2);intervalID2=setInterval(\'incYear()\',30)" onmouseup="clearInterval(intervalID2)">+</td></tr>';

		document.getElementById('pcselectYear').innerHTML = '<table width="44" cellspacing="0" style="font:11px Arial;border:1px solid #a0a0a0;background:#f0f0f0" onmouseover="clearTimeout(timeoutID2)" onmouseout="clearTimeout(timeoutID2);timeoutID2=setTimeout(\'popDownYear()\',100)">' + sHTML + '</table>';

		yearConstructed = true;
	}
}

function popDownYear() {
	clearInterval(intervalID1);
	clearTimeout(timeoutID1);
	clearInterval(intervalID2);
	clearTimeout(timeoutID2);
	crossYearObj.visibility= 'hidden';
	visYear = 0;
}

function popUpYear() {
	var leftOffset
	if (visYear==1) {
		popDownYear();
		visYear--;
	} else {
		constructYear();
		crossYearObj.visibility	= (dom||ie) ? 'visible' : 'show';
		leftOffset = parseInt(crossobj.left) + document.getElementById('pcspanYear').offsetLeft;
		if (ie) leftOffset += 6;
		crossYearObj.left = leftOffset;
		crossYearObj.top = parseInt(crossobj.top) + 26;
		visYear++;
	}
}

/*** calendar ***/
function WeekNbr(n) {
	// Algorithm used:
	// From Klaus Tondering's Calendar document (The Authority/Guru)
	// http://www.tondering.dk/claus/calendar.html
	// a = (14-month) / 12
	// y = year + 4800 - a
	// m = month + 12a - 3
	// J = day + (153m + 2) / 5 + 365y + y / 4 - y / 100 + y / 400 - 32045
	// d4 = (J + 31741 - (J mod 7)) mod 146097 mod 36524 mod 1461
	// L = d4 / 1460
	// d1 = ((d4 - L) mod 365) + L
	// WeekNumber = d1 / 7 + 1

	year = n.getFullYear();
	month = n.getMonth() + 1;
	if (startAt == 0) {
		day = n.getDate() + 1;
	} else {
		day = n.getDate();
	}

	a = Math.floor((14-month) / 12);
	y = year + 4800 - a;
	m = month + 12 * a - 3;
	b = Math.floor(y/4) - Math.floor(y/100) + Math.floor(y/400);
	J = day + Math.floor((153 * m + 2) / 5) + 365 * y + b - 32045;
	d4 = (((J + 31741 - (J % 7)) % 146097) % 36524) % 1461;
	L = Math.floor(d4 / 1460);
	d1 = ((d4 - L) % 365) + L;
	week = Math.floor(d1/7) + 1;

	return week;
}

function constructCalendar () {
	var aNumDays = Array (31,0,31,30,31,30,31,31,30,31,30,31);
	var dateMessage;
	var startDate = new Date (yearSelected,monthSelected,1);
	var endDate;

	if (monthSelected==1) {
		endDate = new Date (yearSelected,monthSelected+1,1);
		endDate = new Date (endDate - (24*60*60*1000));
		numDaysInMonth = endDate.getDate();
	} else {
		numDaysInMonth = aNumDays[monthSelected];
	}

	datePointer = 0;
	dayPointer = startDate.getDay() - startAt;
	
	if (dayPointer<0) dayPointer = 6;

	sHTML = '<table style="border:0;font:10px verdana;"><tr>';

	if (showWeekNumber == 1) {
		sHTML += '<td align="right" width="27"><strong>' +' '+ weekString[language] + '</strong></td><td width="1" rowspan="7" style="background:#d0d0d0;padding:0"><img src="'+imgDir+'divider.gif" width="1"></td>';
	}

	for (i = 0; i<7; i++) {
		sHTML += '<td style="width:27px;text-align:right;color:#006;font-weight:bold">' + dayName[language][i] + '</td>';
	}

	sHTML += '</tr><tr>';
	
	if (showWeekNumber == 1) {
		sHTML += '<td align="right">' + WeekNbr(startDate) + '&nbsp;</td>';
	}

	for ( var i=1; i<=dayPointer;i++ ) {
		sHTML += '<td>&nbsp;</td>';
	}

	for ( datePointer=1; datePointer <= numDaysInMonth; datePointer++ ) {
		dayPointer++;
		sHTML += '<td align="right">';
		sStyle=styleAnchor;
		if ((datePointer == odateSelected) && (monthSelected == omonthSelected) && (yearSelected == oyearSelected))
		{ sStyle+=styleLightBorder }

		sHint = '';
		for (k = 0;k < HolidaysCounter; k++) {		// insert holidays
			if ((parseInt(Holidays[k].d) == datePointer)&&(parseInt(Holidays[k].m) == (monthSelected+1))) {
				if ((parseInt(Holidays[k].y)==0)||((parseInt(Holidays[k].y)==yearSelected)&&(parseInt(Holidays[k].y)!=0))) {
					sStyle+= 'background-color:#fdd;';
					sHint += sHint=="" ? Holidays[k].desc : "\n"+Holidays[k].desc;
				}
			}
		}

		sHint = sHint.replace('/\"/g', '&quot;');

		dateMessage = 'onmousemove="window.status=\''+selectDateMessage[language].replace('[date]',constructDate(datePointer,monthSelected,yearSelected))+'\'" onmouseout="window.status=\'\'" ';


		//////////////////////////////////////////////
		//////////  Modifications PinoToy  //////////
		//////////////////////////////////////////////
		if (enablePast == 0 && ((yearSelected < yearNow) || (monthSelected < monthNow) && (yearSelected == yearNow) || (datePointer < dateNow) && (monthSelected == monthNow) && (yearSelected == yearNow))) {
			selDayAction = '';
			isPast = 1;
		} else {
			selDayAction = 'href="javascript:dateSelected='+datePointer+';closeCalendar();"';
			isPast = 0;
		}

		sHTML += '<a '+dateMessage+' title="'+sHint+'" style="'+sStyle;

		if ((datePointer == dateNow) && (monthSelected == monthNow) && (yearSelected == yearNow)) {
			sHTML += 'font-weight:bold;color:red;" ';			// today
		} else if (dayPointer % 7 == (startAt * -1)+1) {
			if (isPast==1)										// sunday
				sHTML += 'color:#909090;" ';
			else
				sHTML += 'color:#54A6E2;" ';
		} else if ((dayPointer % 7 == (startAt * -1)+7 && startAt==1) || (dayPointer % 7 == startAt && startAt==0)) {
			if (isPast==1)										// saturday
				sHTML += 'color:#909090;" ';
			else
				sHTML += 'color:#54A6E2;" ';
		} else {
			if (isPast==1)										// all other days
				sHTML += 'color:#909090;" ';
			else
				sHTML += 'color:#006;" ';
		}
		sHTML += selDayAction+'>&nbsp;'+datePointer+'&nbsp;</a>';

		if ((dayPointer+startAt) % 7 == startAt) {
			sHTML += '</tr><tr>';
			if ((showWeekNumber == 1) && (datePointer < numDaysInMonth)) {
				sHTML += '<td align="right">' + (WeekNbr(new Date(yearSelected,monthSelected,datePointer+1))) + '&nbsp;</td>';
			}
		}



	}

//this is my text
//		var vCalTime;
//		vCalTime="<tr>\n<td colspan='7' align='center'>";
//		vCalTime+="<input type='text' id= 'hour' name='hour' maxlength=2 size=1 style=\"width :16pt; height:18 ;font-family: Arial; font-size: 8pt; color: #0000FF\" value="+hour+" onchange=\"setHour(this.value)\">";
//		vCalTime+=" : ";
//		vCalTime+="<input type='text' id= 'minute' name='minute' maxlength=2 size=1 style=\"width :16pt;height:18; font-family: Arial; font-size: 8pt; color: #0000FF\" value="+minute+" onchange=\"setMinute(this.value)\">";
//		vCalTime+=" : ";
//		vCalTime+="<input type='text' id= 'second' name='second' maxlength=2 size=1 style=\"width :16pt; height:18; font-family: Arial; font-size: 8pt; color: #0000FF\" value="+second+" onchange=\"setSecond(this.value)\">";
	
//		vCalTime+="\n</td>\n</tr>";
//		sHTML +=vCalTime ;
////////////////////////////////////////////


	document.getElementById('pccontent').innerHTML   = sHTML;
	document.getElementById('pcspanMonth').innerHTML = '&nbsp;' + monthName[language][monthSelected] + '&nbsp;<img id="pcchangeMonth" src="'+imgDir+'drop1.gif" width="12" height="10" border="0">';
	document.getElementById('pcspanYear').innerHTML  = '&nbsp;' + yearSelected	+ '&nbsp;<img id="pcchangeYear" src="'+imgDir+'drop1.gif" width="12" height="10" border="0">';
}

function clearBirthday(){
	document.getElementById('sdv').value = '';
        hideCalendar();
}
function showCalendar(ctl, ctl2, format, lang, past, fx, fy,start) {
	if (start != null && (start==0 || start==1)) startAt = start;
	loadArrays();
	if (lang != null && lang != '') language = lang;
	if (past != null) enablePast = past; else enablePast = 0;
	if (fx != null) fixedX = fx; else fixedX = -1;
	if (fy != null) fixedY = fy; else fixedY = -1;
	var inPutId = 'sdv';
	if (showToday == 1) document.getElementById('pclblToday').innerHTML = todayString[language]+' <a onmousemove="window.status=\''+gotoString[language]+'\'" onmouseout="window.status=\'\'" title="'+gotoString[language]+'" style="'+styleAnchor+'color:#006;" href="javascript: clearBirthday()">'+ '清空生日' +'</a>';

	popUpCalendar(ctl, ctl2, format);
}

function popUpCalendar(ctl, ctl2, format) {
	var leftpos = 0;
	var toppos  = 0;

	if (bPageLoaded) {
		if (crossobj.visibility == 'hidden') {
			ctlToPlaceValue = ctl2;
			dateFormat = format;
			formatChar = ' ';
			aFormat = dateFormat.split(formatChar);
			if (aFormat.length < 3) {
				formatChar = '/';
				aFormat = dateFormat.split(formatChar);
				if (aFormat.length < 3) {
					formatChar = '.';
					aFormat = dateFormat.split(formatChar);
					if (aFormat.length < 3) {
						formatChar = '-';
						aFormat = dateFormat.split(formatChar);
						if (aFormat.length < 3) {
							formatChar = '';					// invalid date format

						}
					}
				}
			}

			tokensChanged = 0;
			if (formatChar != "") {
				aData = ctl2.value.split(formatChar);			// use user's date

				for (i=0; i<3; i++) {
					if ((aFormat[i] == "d") || (aFormat[i] == "dd")) {
						dateSelected = parseInt(aData[i], 10);
						tokensChanged++;
					} else if ((aFormat[i] == "m") || (aFormat[i] == "mm")) {
						monthSelected = parseInt(aData[i], 10) - 1;
						tokensChanged++;
					} else if (aFormat[i] == "yyyy") {
						yearSelected = parseInt(aData[i], 10);
						tokensChanged++;
					} else if (aFormat[i] == "mmm") {
						for (j=0; j<12; j++) {
							if (aData[i] == monthName[language][j]) {
								monthSelected=j;
								tokensChanged++;
							}
						}
					} else if (aFormat[i] == "mmmm") {
						for (j=0; j<12; j++) {
							if (aData[i] == monthName2[language][j]) {
								monthSelected = j;
								tokensChanged++;
							}
						}
					}
				}
			}
			var TimeFormatChar = ':';
			timeString = ctl2.value.split(" ");
			if (timeString[1] !=null) {
				var timeTokens = timeString[1].split(':');
				if(timeTokens[0].length==2) {
					hour = timeTokens[0];
				}
				if (timeTokens[1].length==2) {
					minute = timeTokens[1];
				}
				if (timeTokens[2].length==2) {
					second= timeTokens[2];
				}
			} else {
				hour=00;
				minute=00;
				second=00;
			}
			

			if ((tokensChanged != 3) || isNaN(dateSelected) || isNaN(monthSelected) || isNaN(yearSelected)) {
				dateSelected  = dateNow;
				monthSelected = monthNow;
				yearSelected  = yearNow;
			}

			odateSelected  = dateSelected;
			omonthSelected = monthSelected;
			oyearSelected  = yearSelected;

			aTag = ctl;
			do {
				aTag     = aTag.offsetParent;
				leftpos += aTag.offsetLeft;
				toppos  += aTag.offsetTop;
			} while (aTag.tagName != 'BODY');

			crossobj.left = (fixedX == -1) ? ctl.offsetLeft + leftpos : fixedX;
			crossobj.top = (fixedY == -1) ? ctl.offsetTop + toppos + ctl.offsetHeight + 2 : fixedY;
			constructCalendar (1, monthSelected, yearSelected);
			crossobj.visibility = (dom||ie) ? "visible" : "show";

			hideElement('SELECT', document.getElementById('pccalendar'));
			hideElement('APPLET', document.getElementById('pccalendar'));			

			bShow = true;
		} else {
			hideCalendar();
			if (ctlNow!=ctl) popUpCalendar(ctl, ctl2, format);
		}
		ctlNow = ctl;
	}
}

//document.onkeypress = function hidecal1 () {
//	if (event.keyCode == 27) hideCalendar();
//}
document.onclick = function hidecal2 () {
	if (!bShow) hideCalendar();
	bShow = false;
}

if(ie) {
	init();
} else {
	window.onload = init;
}