自己创建日历

『更新时间：2002-9-14 』『字体：变小变大』『作者：未知 | 来源：网络』

把如下代码加入<body>区域中:
脚本说明: 第一步:把如下代码加入区域中
<SCRIPT language=JavaScript>
<!--

function displayCalendar(init) {

var i;

var now = new Date();

var nowYear = now.getYear() - 95;

var nowMonth = now.getMonth();

var nowDay   = now.getDate();

// on open of document

if (init==1)  {

document.calControl.month.selectedIndex = nowMonth;

document.calControl.year.selectedIndex = nowYear;

}

var month=document.calControl.month.selectedIndex

var year=document.calControl.year.selectedIndex+1995

var days=getDaysInMonth(month+1,year);

var firstOfMonth = new Date (year, month, 1);

var startingPos=firstOfMonth.getDay()+7;

days+=startingPos;

// label days of week

i=0;

document.calButtons.elements[i++].value = " S ";

document.calButtons.elements[i++].value = " M ";

document.calButtons.elements[i++].value = " T ";

document.calButtons.elements[i++].value = " W ";

document.calButtons.elements[i++].value = " T ";

document.calButtons.elements[i++].value = " F ";

document.calButtons.elements[i++].value = " S ";

// blank out non date buttons

for (i=7; i<startingPos; i++)

document.calButtons.elements[i].value = "   ";

for (i=startingPos; i<days; i++)

document.calButtons.elements[i].value = i-startingPos+1;

// show focus on today if the calendar is the proper month and year

if (month==nowMonth && year==nowYear+1995)

document.calButtons.elements[nowDay+startingPos-1].focus();

// blank out rest of non date buttons

for (i=days; i<49; i++)

document.calButtons.elements[i].value = "   ";

}

function leapYear (Year) {

if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0))

return (1);

else

return (0);

}

function getDaysInMonth(month,year)  {

var days;

if (month==1 || month==3 || month==5 || month==7 || month==8 ||

month==10 || month==12)  days=31;

else if (month==4 || month==6 || month==9 || month==11) days=30;

else if (month==2)  {

if (leapYear (year)==1)  days=29;

else days=28;

}

return (days);

}

// -->

</SCRIPT>
 第二步:把如下代码加入区域中 
<FORM name=calControl>month <SELECT name=month><OPTION selected>Jan<OPTION>Feb<OPTION>Mar<OPTION>Apr<OPTION>May<OPTION>Jun<OPTION>Jul<OPTION>Aug<OPTION>Sep<OPTION>Oct<OPTION>Nov<OPTION>Dec</OPTION></SELECT> year <SELECT name=year><OPTION selected>1995<OPTION>1996<OPTION>1997<OPTION>1998<OPTION>1999<OPTION>2000</OPTION></SELECT><INPUT onclick=displayCalendar(0) type=button value=Create name=button1></FORM>
<FORM name=calButtons><INPUT type=button value="     " name=but0><INPUT type=button value="     " name=but1><INPUT type=button value="     " name=but2><INPUT type=button value="     " name=but3><INPUT type=button value="     " name=but4><INPUT type=button value="     " name=but5><INPUT type=button value="     " name=but6>
<CENTER></CENTER>
<CENTER><INPUT type=button value="     " name=but7><INPUT type=button value="     " name=but8><INPUT type=button value="     " name=but9><INPUT type=button value="     " name=but10><INPUT type=button value="     " name=but11><INPUT type=button value="     " name=but12><INPUT type=button value="     " name=but13></CENTER>
<CENTER><INPUT type=button value="     " name=but14><INPUT type=button value="     " name=but15><INPUT type=button value="     " name=but16><INPUT type=button value="     " name=but17><INPUT type=button value="     " name=but18><INPUT type=button value="     " name=but19><INPUT type=button value="     " name=but20></CENTER>
<CENTER><INPUT type=button value="     " name=but21><INPUT type=button value="     " name=but22><INPUT type=button value="     " name=but23><INPUT type=button value="     " name=but24><INPUT type=button value="     " name=but25><INPUT type=button value="     " name=but26><INPUT type=button value="     " name=but27></CENTER>
<CENTER><INPUT type=button value="     " name=but28><INPUT type=button value="     " name=but29><INPUT type=button value="     " name=but30><INPUT type=button value="     " name=but31><INPUT type=button value="     " name=but32><INPUT type=button value="     " name=but33><INPUT type=button value="     " name=but34></CENTER>
<CENTER><INPUT type=button value="     " name=but35><INPUT type=button value="     " name=but36><INPUT type=button value="     " name=but37><INPUT type=button value="     " name=but38><INPUT type=button value="     " name=but39><INPUT type=button value="     " name=but40><INPUT type=button value="     " name=but41></CENTER>
<CENTER><INPUT type=button value="     " name=but42><INPUT type=button value="     " name=but43><INPUT type=button value="     " name=but44><INPUT type=button value="     " name=but45><INPUT type=button value="     " name=but46><INPUT type=button value="     " name=but47><INPUT type=button value="     " name=but48></CENTER>
<CENTER></FORM>第三步:把区中内容改为 </CENTER>

【点击数：】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

自己创建日历

相关文章

网友评论