TOP /すぐに使えるJavaScript カレンダー


<style type=text/css><!--
td{ text-align: center;height:22;}
td.tuki{cursor:pointer;color:#ffffff;font-size:10pt;background-color:#ddaa66;}
--></style>
<script type="text/javascript"><!--
document.write("<table border=1 cellspacing=0><tr>");
document.write("<td class='tuki'onclick='Fore()'>前月</td>");
document.write("<td ID='midasi' bgcolor='#ddddff'></td>");
document.write("<td class='tuki'onclick='Next()'>次月</td>");
document.write("</tr><tr><td colspan=3><table>");
WeekTd = new Array("日","月","火","水","木","金","土"); 
for(i=0;i<7;i++){
(!i)?document.write("<td bgcolor='#ff66bb'width=24>"+WeekTd[i]+"</td>"):
document.write("<td bgcolor='#ddddff'width=24>"+WeekTd[i]+"</td>");
}
for(i=0;i<42;i++){
if(!(i%7))document.write("</tr><tr>"); 
document.write("<td ID='DayTd"+i+"'>&nbsp;</td>");
}
document.write("</tr></table></tr></table>");    

dd = new Date();
yy = new Date().getFullYear();
mm = new Date().getMonth();
mmdd = new Array(31,28,31,30,31,30,31,31,30,31,30,31);

function Now(){
if ((!(yy%4) && yy%100) || !(yy%400)){mmdd[1] = 29;}else{mmdd[1] =28;}
dd.setDate(1);
fWeek = dd.getDay()-1;
setday=0;
(mm<9)?Mm="0"+(mm+1):Mm=mm+1;
if(document.all){document.all.midasi.innerHTML =yy+"/"+Mm;
}else{document.getElementById("midasi").innerHTML =yy+"/"+Mm;}
for(i=0;i<42;i++){
set_day=(i>fWeek && i<=(mmdd[mm]+fWeek))?++setday:"&nbsp;";
if(document.all){
    document.all("DayTd"+i).innerHTML =set_day;
    document.all("DayTd"+i).style.backgroundColor="#ffffff";
if(!(i%7))document.all("DayTd"+i).style.color="#ff66bb";
if(i%7==6)document.all("DayTd"+i).style.color="#77aaff";
if(setday == new Date().getDate() && yy == new Date().getFullYear() && mm == new Date().getMonth())
    document.all("DayTd"+i).style.backgroundColor="#00ffff";
}else{
    document.getElementById("DayTd"+i).innerHTML =set_day;
    document.getElementById("DayTd"+i).style.backgroundColor="#ffffff";
if(!(i%7))document.getElementById("DayTd"+i).style.color="#ff66bb";
if(i%7==6)document.getElementById("DayTd"+i).style.color="#77aaff";
if(setday == new Date().getDate() && yy == new Date().getFullYear() && mm == new Date().getMonth())
    document.getElementById("DayTd"+i).style.backgroundColor="#00ffff";
}
}
}
function Next(){
    if(mm==11){yy++;mm=0;}else{mm++;}
    dd.setFullYear(yy);
    dd.setMonth(mm);
    Now();
}
function Fore(){
    if(mm==0){yy--;mm=11;}else{mm--;}
    dd.setFullYear(yy);
    dd.setMonth(mm);
    Now();
}
Now();/* himajin.moo.jp */
// --></script>