js日历脚本 - 猪头's blog - ITeye博客

`

ajonjun

浏览: 281841 次
性别:
来自: 深圳

最近访客更多访客>>

wv1124

yuwei80

xx5333

fortunatelx

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

iceblue123：厉害，太感谢楼主了，第二种方法威武！
spring MVC 3.2中@ResponseBody返回乱码的完美解决方案
gaozi131：感谢啊折腾了一下午搞定
spring MVC 3.2中@ResponseBody返回乱码的完美解决方案
yenshen：找了半天,问题终于解决了,感谢!
spring MVC 3.2中@ResponseBody返回乱码的完美解决方案
笑闯天下：感觉效率不是很高啊，如果从数据库中取到的数据还要去自己拼接 ...
java导出CSV文件
ajonjun： http://viralpatel.net/
解决ckeditor html不显示，ckeditor 自动过滤html

js日历脚本

博客分类：

JavaScript

脚本 IE J#JavaScript Go

阅读更多

         var language = 'en';
var enablePast = 0;
var fixedX = -1;
var fixedY = -1;
var startAt = 1;
var showWeekNumber = 0;
var showToday = 1;
var imgDir = 'images/';
var dayName = '日';

var gotoString = {
en : '当前月'
};
var todayString = {
en : '今天：'
};
var weekString = {
en : '星期'
};
var scrollLeftMessage = {
en : '上月'

};
var scrollRightMessage = {
en : '下月'

};
var selectMonthMessage = {
en : '选择月份.'
};
var selectYearMessage = {
en : '选择年份.'
};
var selectDateMessage = {
en : 'Go'
};
var monthName = {
en : new Array('1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月')

};
var monthName2 = {
en : new Array('1','2','3','4','5','6','7','8','9','10','11','12')

};

if (startAt==0) {
dayName = {
en : new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六')

};
} else {
dayName = {
en : new Array('一','二','三','四','五','六','日')

};
}

var crossobj, crossMonthObj, crossYearObj, monthSelected, yearSelected, dateSelected, omonthSelected, oyearSelected, odateSelected, monthConstructed, yearConstructed, intervalID1, intervalID2, timeoutID1, timeoutID2, ctlToPlaceValue, ctlNow, dateFormat, nStartingYear, selDayAction, isPast;
var visYear = 0;
var visMonth = 0;
var bPageLoaded = false;
var ie = document.all;
var dom = document.getElementById;
var ns4 = document.layers;
var today    = new Date();
var dateNow = today.getDate();
var monthNow = today.getMonth();
var yearNow = today.getYear();
var timeNow = today.getHours() + ":" + today.getMinutes() +":" + today.getSeconds();
var imgsrc   = new Array('pcaldrop1.gif','pcaldrop2.gif','pcalleft1.gif','pcalleft2.gif','pcalright1.gif','pcalright2.gif');
var img      = new Array();
var bShow    = false;

function hideElement( elmID, overDiv ) {
if(ie) {
for(i = 0; i < document.all.tags( elmID ).length; i++) {
obj = document.all.tags( elmID )[i];
if(!obj || !obj.offsetParent) continue;

// Find the element's offsetTop and offsetLeft relative to the BODY tag.
objLeft   = obj.offsetLeft;
objTop    = obj.offsetTop;
objParent = obj.offsetParent;

while(objParent.tagName.toUpperCase() != 'BODY') {
objLeft += objParent.offsetLeft;
objTop   += objParent.offsetTop;
objParent = objParent.offsetParent;
}

objHeight = obj.offsetHeight;
objWidth = obj.offsetWidth;

if((overDiv.offsetLeft + overDiv.offsetWidth) <= objLeft);
else if((overDiv.offsetTop + overDiv.offsetHeight) <= objTop);
/* CHANGE by Charlie Roche for nested TDs*/
else if(overDiv.offsetTop >= (objTop + objHeight + obj.height));
/* END CHANGE */
else if(overDiv.offsetLeft >= (objLeft + objWidth));
else {
obj.style.visibility = 'hidden';
}
}
}
}

function showElement(elmID) {
if(ie) {
for(i = 0; i < document.all.tags( elmID ).length; i++) {
obj = document.all.tags(elmID)[i];
if(!obj || !obj.offsetParent) continue;
obj.style.visibility = '';
}
}
}

function HolidayRec (d, m, y, desc) {
this.d = d;
this.m = m;
this.y = y;
this.desc = desc;
}

var HolidaysCounter = 0;
var Holidays = new Array();

function addHoliday (d, m, y, desc) {
Holidays[HolidaysCounter++] = new HolidayRec (d, m, y, desc);
}

if (dom) {
for (i=0;i<imgsrc.length;i++) {
img[i] = new Image;
img[i].src = imgDir + imgsrc[i];
}
document.write ('<div onclick="bShow=true" id="calendar" style="z-index:+999;position:absolute;visibility:hidden;"><table width="'+((showWeekNumber==1)?250:220)+'" style="font-family:ms shell dlg;font-size:12px;border: 1px solid #A0A0A0;" bgcolor="#ffffff"><tr bgcolor="#000066"><td><table width="'+((showWeekNumber==1)?248:218)+'"><tr><td style="padding:2px;font-family:ms shell dlg;font-size:12px;"><font color="#ffffff' + '' /*C9D3E9*/ +'"><b><span id="caption"></span></b></font></td><td align="right"><a href="javascript:hideCalendar()"><img src="'+imgDir+'pcalclose.gif" width="15" height="13" border="0" /></a></td></tr></table></td></tr><tr><td style="padding:5px" bgcolor="#ffffff"><span id="content"></span></td></tr>');

if (showToday == 1) {
document.write ('<tr bgcolor="#f0f0f0"><td style="padding:5px" align="center"><span id="lblToday"></span></td></tr>');
}

document.write ('</table></div><div id="selectMonth" style="z-index:+999;position:absolute;visibility:hidden;"></div><div id="selectYear" style="z-index:+999;position:absolute;visibility:hidden;"></div>');
}

var styleAnchor = 'text-decoration:none;color:black;';
var styleLightBorder = 'border:1px solid #a0a0a0;';

function swapImage(srcImg, destImg) {
if (ie) document.getElementById(srcImg).setAttribute('src',imgDir + destImg);
}

function init() {
if (!ns4)
{
if (!ie) yearNow += 1900;

crossobj=(dom)?document.getElementById('calendar').style : ie? document.all.calendar : document.calendar;
hideCalendar();

crossMonthObj = (dom) ? document.getElementById('selectMonth').style : ie ? document.all.selectMonth : document.selectMonth;

crossYearObj = (dom) ? document.getElementById('selectYear').style : ie ? document.all.selectYear : document.selectYear;

monthConstructed = false;
yearConstructed = false;

if (showToday == 1) {
document.getElementById('lblToday').innerHTML = '<font color="#000066">' + todayString[language] + ' <a onmousemove="window.status=\''+gotoString[language]+'\'" onmouseout="window.status=\'\'" title="'+gotoString[language]+'" style="'+styleAnchor+'" href="javascript:monthSelected=monthNow;yearSelected=yearNow;constructCalendar();">'+weekString[language]+dateNow+','+yearNow+'年'+monthName[language][monthNow].substring(0,3)+dayName[language][(today.getDay()-startAt==-1)?6:(today.getDay()-startAt)]+', ' + dateNow + '</a></font>';
}

sHTML1 = '<span id="spanLeft" style="border:1px solid #36f;cursor:pointer" onclick="decMonth()" onmousedown="clearTimeout(timeoutID1);timeoutID1=setTimeout(\'StartDecMonth()\',500)" onmouseup="clearTimeout(timeoutID1);clearInterval(intervalID1)">&nbsp<img id="changeLeft" src="'+imgDir+'pcalleft1.gif" width="10" height="11" border="0">&nbsp</span> ';
sHTML1 += '<span id="spanRight" style="border:1px solid #36f;cursor:pointer" onclick="incMonth()" onmousedown="clearTimeout(timeoutID1);timeoutID1=setTimeout(\'StartIncMonth()\',500)" onmouseup="clearTimeout(timeoutID1);clearInterval(intervalID1)">&nbsp<img id="changeRight" src="'+imgDir+'pcalright1.gif" width="10" height="11" border="0">&nbsp</span> ';
sHTML1 += '<span id="spanMonth" style="border:1px solid #36f;cursor:pointer" onclick="popUpMonth()"></span> ';
sHTML1 += '<span id="spanYear" style="border:1px solid #36f;cursor:pointer" onclick="popUpYear()"></span> ';

document.getElementById('caption').innerHTML = sHTML1;

bPageLoaded=true;
}
}

function hideCalendar() {
crossobj.visibility = 'hidden';
if (crossMonthObj != null) crossMonthObj.visibility = 'hidden';
if (crossYearObj != null) crossYearObj.visibility = 'hidden';
showElement('SELECT');
showElement('APPLET');
}

function padZero(num) {
return (num < 10) ? '0' + num : num;
}

function constructDate(d,m,y, t) {
sTmp = dateFormat;
sTmp = sTmp.replace ('dd','<e>');
sTmp = sTmp.replace ('d','<d>');
sTmp = sTmp.replace ('<e>',padZero(d));
sTmp = sTmp.replace ('<d>',d);
sTmp = sTmp.replace ('mmmm','<p>');
sTmp = sTmp.replace ('mmm','<o>');
sTmp = sTmp.replace ('mm','<n>');
sTmp = sTmp.replace ('m','<m>');
sTmp = sTmp.replace ('<m>',m+1);
sTmp = sTmp.replace ('<n>',padZero(m+1));
sTmp = sTmp.replace ('<o>',monthName[language][m]);
sTmp = sTmp.replace ('<p>',monthName2[language][m]);
sTmp = sTmp.replace ('yyyy',y);
sTmp = sTmp.replace ('yy',padZero(y%100));
return sTmp.replace ('tt',t);

}

function closeCalendar() {
var timed = new Date();
var tt = timed.getHours() + ":" + timed.getMinutes() + ":" +timed.getSeconds() + "";
//alert(typeof tt + "is type of dataeSelected");
//alert(tt +"is the return value");
hideCalendar();

ctlToPlaceValue.value = constructDate(dateSelected,monthSelected,yearSelected, tt );
}

/*** Month Pulldown ***/
function StartDecMonth() {
intervalID1 = setInterval("decMonth()",80);
}

function StartIncMonth() {
intervalID1 = setInterval("incMonth()",80);
}

function incMonth () {
monthSelected++;
if (monthSelected > 11) {
monthSelected = 0;
yearSelected++;
}
constructCalendar();
}

function decMonth () {
monthSelected--;
if (monthSelected < 0) {
monthSelected = 11;
yearSelected--;
}
constructCalendar();
}

function constructMonth() {
popDownYear()
if (!monthConstructed) {
sHTML = "";
for (i=0; i<12; i++) {
sName = monthName[language][i];
if (i == monthSelected){
sName = '<b>' + sName + '</b>';
}
sHTML += '<tr><td id="m' + i + '" style="cursor:pointer" onclick="monthConstructed=false;monthSelected=' + i + ';constructCalendar();popDownMonth();event.cancelBubble=true"><font color="#000066"> ' + sName + ' </font></td></tr>';
}

document.getElementById('selectMonth').innerHTML = '<table width="70" style="font-family:ms shell dlg;font-size:12px;border:1px solid #a0a0a0;" bgcolor="#f0f0f0" cellspacing="0" >' + sHTML + '</table>';

monthConstructed = true;
}
}

function popUpMonth() {
if (visMonth == 1) {
popDownMonth();
visMonth--;
} else {
constructMonth();
crossMonthObj.visibility = (dom||ie) ? 'visible' : 'show';
crossMonthObj.left = parseInt(crossobj.left) + 50;
crossMonthObj.top = parseInt(crossobj.top) + 26;
hideElement('SELECT', document.getElementById('selectMonth'));
hideElement('APPLET', document.getElementById('selectMonth'));
visMonth++;
}
}

function popDownMonth() {
crossMonthObj.visibility = 'hidden';
visMonth = 0;
}

/*** Year Pulldown ***/
function incYear() {
for (i=0; i<7; i++) {
newYear = (i + nStartingYear) + 1;
if (newYear == yearSelected)
txtYear = '<span style="color:#006;font-weight:bold;"> ' + newYear + ' </span>';
else
txtYear = '<span style="color:#006;"> ' + newYear + ' </span>';
document.getElementById('y'+i).innerHTML = txtYear;
}
nStartingYear++;
bShow=true;
}

function decYear() {
for (i=0; i<7; i++) {
newYear = (i + nStartingYear) - 1;
if (newYear == yearSelected)
txtYear = '<span style="color:#006;font-weight:bold"> ' + newYear + ' </span>';
else
txtYear = '<span style="color:#006;"> ' + newYear + ' </span>';
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" style="cursor:pointer" onmousedown="clearInterval(intervalID1);intervalID1=setInterval(\'decYear()\',30)" onmouseup="clearInterval(intervalID1)"><font color="#000066">-</font></td></tr>';

j = 0;
nStartingYear = yearSelected - 3;
for ( i = (yearSelected-3); i <= (yearSelected+3); i++ ) {
sName = i;
if (i == yearSelected) sName = '<b>' + sName + '</b>';
sHTML += '<tr><td id="y' + j + '" style="cursor:pointer" onclick="selectYear('+j+');event.cancelBubble=true"><font color="#000066"> ' + sName + ' </font></td></tr>';
j++;
}

sHTML += '<tr><td align="center" style="cursor:pointer" onmousedown="clearInterval(intervalID2);intervalID2=setInterval(\'incYear()\',30)" onmouseup="clearInterval(intervalID2)"><font color="#000066">+</font></td></tr>';

document.getElementById('selectYear').innerHTML = '<table width="44" cellspacing="0" bgcolor="#f0f0f0" style="font-family:ms shell dlg;font-size:12px;border:1px solid #a0a0a0;" >' + 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('spanYear').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 border="0" style="font-family:verdana;font-size:12px;"><tr>';

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

for (i = 0; i<7; i++) {
sHTML += '<td width="27" align="right"><b><font color="#000066">' + dayName[language][i] + '</font></b></td>';
}

sHTML += '</tr><tr>';

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

for ( var i=1; i<=dayPointer;i++ ) {
sHTML += '<td> </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++) {
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', '"');

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

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

if ((datePointer == dateNow) && (monthSelected == monthNow) && (yearSelected == yearNow)) { ///// today
sHTML += "<b><a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' "+selDayAction+"><font color=#ff0000> " + datePointer + "</font> </a></b>";
} else if (dayPointer % 7 == (startAt * -1)+1) { ///// SI ES DOMINGO
if (isPast==1)
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' "+selDayAction+"> <font color=#909090>" + datePointer + "</font> </a>";
else
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' "+selDayAction+"> <font color=#54A6E2>" + datePointer + "</font> </a>";
} else if ((dayPointer % 7 == (startAt * -1)+7 && startAt==1) || (dayPointer % 7 == startAt && startAt==0)) { ///// SI ES SABADO
if (isPast==1)
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' "+selDayAction+"> <font color=#909090>" + datePointer + "</font> </a>";
else
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' "+selDayAction+"> <font color=#54A6E2>" + datePointer + "</font> </a>";
} else { ///// CUALQUIER OTRO DIA
if (isPast==1)
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' "+selDayAction+"> <font color=#909090>" + datePointer + "</font> </a>";
else
sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' "+selDayAction+"> <font color=#000066>" + datePointer + "</font> </a>";
}

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

document.getElementById('content').innerHTML   = sHTML
document.getElementById('spanMonth').innerHTML = ' ' + monthName[language][monthSelected] + ' <img id="changeMonth" src="'+imgDir+'pcaldrop1.gif" width="12" height="10" border="0">'
document.getElementById('spanYear').innerHTML = ' ' + yearSelected + ' <img id="changeYear" src="'+imgDir+'pcaldrop1.gif" width="12" height="10" border="0">';
}

function showCalendar(ctl, ctl2, format, lang, past, fx, fy) {
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;

if (showToday == 1) {
document.getElementById('lblToday').innerHTML = '<font color="#000066">' + todayString[language] + ' <a onmousemove="window.status=\''+gotoString[language]+'\'" onmouseout="window.status=\'\'" title="'+gotoString[language]+'" style="'+styleAnchor+'" href="javascript:monthSelected=monthNow;yearSelected=yearNow;constructCalendar();">'+weekString[language]+dayName[language][(today.getDay()-startAt==-1)?6:(today.getDay()-startAt)]+','+yearNow+'年'+ monthName[language][monthNow].substring(0,3)+dateNow+'日</a></font>';
}
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++;
}
}
}
}
}

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('calendar'));
hideElement('APPLET', document.getElementById('calendar'));

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;
}
*/
if (document.all){
window.attachEvent('onload',init)
}
else{
window.addEventListener('load',init,false);
}

日历JS代码.rar (4.3 KB)
下载次数: 16

分享到：

打印杨辉三角 | 模仿Google搜索的下拉显示

2010-02-09 23:54
浏览 1516
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

一款漂亮的JS日历脚本: "一款漂亮的JS日历脚本"这个标题所指的，就是利用JavaScript编写的一个能够展示日期并允许用户进行交互的日历组件。这种日历控件在网页中常见于事件管理、日期选择器或计划表等应用场景。描述中提到，该日历脚本是...

js日历脚本.pdf: JavaScript日历脚本是一种常见的前端交互功能，用于在网页上显示日期选择器，帮助用户方便地选取日期。在网页开发中，JavaScript通常与HTML和CSS一起工作，提供动态和交互性的用户体验。下面我们将详细探讨...

javascript日历脚本: JavaScript日历脚本是一种在网页上实现交互式日历功能的编程技术，它允许用户方便地选择日期，常用于表单填写、事件预订等场景。兼容多浏览器是这类脚本的关键特性，确保在不同的浏览器环境下如Chrome、Firefox、...

JS日历脚本用于ASP.NET的网站开发: 一种用JAVA编写的日历程序，建成为JS日历控件，主要用于ADO.NET网站开发时运用的一种第三方控件！

用JS做的日历脚本的一个实例: 综上所述，这个JS日历脚本实例涵盖了JavaScript的核心技术，结合HTML和CSS，提供了一个实用的交互式日历组件。开发者可以通过学习和分析这个实例，深入了解JavaScript在网页交互中的应用，并进一步提升自己的前端...

日历脚本 JS版: 在这个场景中，我们关注的是一个名为"日历脚本 JS版"的项目，它是一个纯JavaScript实现的日历控件。这个控件无需依赖任何外部库，如jQuery或其他框架，完全由JavaScript代码编写，因此具有轻量级和自包含的优点。 ...

html js脚本日历控件: 7. **兼容性**：考虑到浏览器的多样性，编写JavaScript日历控件时需要关注跨浏览器的兼容性问题，确保在不同的浏览器（如Chrome、Firefox、Safari、Edge和IE）上都能正常工作。在提供的文件名中，"calendar.html"...

JavaScript -日历脚本: 一个js日历脚本，点击一个表单，显示一个日历，选择日期等

日历(js脚本).rar: 下面我们将详细探讨JavaScript日历脚本的相关知识点。 1. **JavaScript基础**：JavaScript是一种广泛用于网页和应用开发的客户端脚本语言，主要负责网页的动态效果和交互。在这个日历脚本中，JavaScript被用来创建...

js日历 12种js日历: 在这个主题中，我们主要关注的是“js日历 12种js日历”，这显然是一份包含了多种不同实现方式的JavaScript日历组件集合。 1. **日历组件的基本概念** 日历组件是网页中常见的交互元素，它允许用户选择日期，通常...

jsp 6种日历脚本: 每一种日历脚本都可能涉及到JavaScript事件处理、DOM操作、时间和日期处理、CSS样式控制等多个方面，是学习和理解JSP动态网页开发的好实例。通过研究这些脚本，开发者不仅可以提升编程技能，还能了解到如何将理论...

实现日历的脚本: 这就是一个基本的JavaScript日历组件的实现过程。当然，实际项目中可能还需要考虑更多细节，比如日期选择的回调、节假日的标记、多语言支持等。你可以根据具体需求进行扩展和优化。在Java中，虽然不直接用于前端...

日历脚本，生日选择器: 日历脚本通常基于JavaScript或者更现代的前端框架如React、Vue或Angular实现，它能在网页上生成一个可交互的日历视图。这个脚本的主要任务是展示一个月或一年的日期，并允许用户点击选择特定日期。关键知识点包括： ...

JavaScript的日历脚本程序: JavaScript的日历脚本程序，将此程序直接保存成.html文件，即可使用。

精美的js日历: 精美的js日历脚本,谁用谁知道,使用时请在中设置编码格式为gb2312,如 <script src='calender.js' charset='gb2312'></script>

JavaScript脚本日历控件: 下面将详细探讨JavaScript日历控件的相关知识点。 1. **基础原理**： JavaScript日历控件是基于JavaScript语言实现的，通过在HTML页面中嵌入JavaScript代码，动态生成一个可交互的日历展示。它通常由一个函数触发...

JavaScript日历控件六种日历: JavaScript日历控件是网页开发中常用的一种交互元素，它能帮助用户方便地选择日期，常见于表单输入、事件安排或时间相关的功能。在给定的资源中，包含了六种不同样式的JavaScript日历，这些日历可能具有不同的设计...

calendar脚本: JavaScript日历脚本，通常被用来增强网页中的日期选择功能，提供用户友好的交互体验。在给定的“calendar”压缩包中，我们可能找到了一个实现这种功能的JS文件。这个脚本允许用户在输入框中聚焦时弹出一个日历，让...

Global site tag (gtag.js) - Google Analytics