ภาษาไทย
<!-- 把如下代码加入<head>区域中 --> <style type="text/css"> <!-- span.label {color:black;width:30;height:16;text-align: center;margin-top:0;พื้นหลัง:#ffF;font:bold 13px Arial} span.c1 {เคอร์เซอร์:มือ;สี:สีดำ;ความกว้าง:30;ความสูง:16;text-align:center;margin-top:0 ;พื้นหลัง:#ffF;font:bold 13px Arial} span.c2 {เคอร์เซอร์:มือ;สี:สีแดง;ความกว้าง:30;ความสูง:16;text-align:center;margin-top:0;พื้นหลัง:#ffF;font :bold 13px Arial} span.c3 {cursor:hand;color:#b0b0b0;width:30;height:16;text-align:center;margin-top:0;พื้นหลัง:#ffF;font:bold 12px Arial} - -> </style> <script type="text/javascript"> //จาวาสคริปต์เพิ่มเติมจาก http://www.downcodes.com <!-- เริ่มต้นฟังก์ชัน maxDays(mm, yyyy){ var mDay; if((mm == 3) || (mm == 5) || (mm == 8) || (mm == 10)){ mDay = 30; } else{ mDay = 31 if(mm == 1){ if (yyyy/4 - parseInt(yyyy/4) != 0){ mDay = 28 } else{ mDay = 29 } } } กลับ mDay; } ฟังก์ชัน changeBg(id){ if (eval(id).style.พื้นหลังสี != "สีเหลือง"){ eval(id).style.พื้นหลังสี = "สีเหลือง" } else{ eval(id).style.wallpaperColor = "# ffffff" } } ฟังก์ชัน writeCalendar(){ var now = วันที่ใหม่ var dd = now.getDate() var mm = now.getMonth() var dow = now.getDay() var yyyy = now.getFullYear() var arrM = ใหม่ อาร์เรย์("มกราคม", "กุมภาพันธ์", "มีนาคม", "เมษายน", "พฤษภาคม", "มิถุนายน", "กรกฎาคม", "สิงหาคม", "กันยายน", "ตุลาคม", "พฤศจิกายน", "ธันวาคม") var arrY = new Array() for (ii=0;ii<=4;ii++){ arrY[ii] = yyyy - 2 + ii } var arrD = new Array("Sun","Mon","Tue", "พุธ"พฤหัสบดี"ศุกร์""วันเสาร์") var text = "" text = "<form name=calForm>" text += "<table border=1>" text += "<tr>< td>" text += "<table width=100%><tr>" text += "<td align=left>" text += "<select name=selMonth onChange='changeCal()'>" สำหรับ (ii =0;ii<=11;ii++){ if (ii==mm){ text += "<option value= " + ii + " Selected>" + arrM[ii] + "</option>" } else{ ข้อความ += "<option value= " + ii + ">" + arrM[ii] + "</option>" } } ข้อความ += "</select>" ข้อความ += "</td>" ข้อความ += "<td align=right>" text += "<select name=selYear onChange='changeCal()'>" สำหรับ (ii=0;ii<=4;ii++){ if (ii==2){ text + = "<option value= " + arrY[ii] + " Selected>" + arrY[ii] + "</option>" } else{ text += "<option value= " + arrY[ii] + ">" + arrY[ii] + "</option>" } } ข้อความ += "</select>" ข้อความ += "</td>" ข้อความ += "</tr></table>" ข้อความ += "< /td></tr>" text += "<tr><td>" text += "<table border=1>" text += "<tr>" สำหรับ (ii=0;ii<=6;ii++ ){ text += "<td align=center><span class=label>" + arrD[ii] + "</span></td>" } text += "</tr>" aa = 0 สำหรับ ( kk=0;kk<=5;kk++){ ข้อความ += "<tr>" สำหรับ (ii=0;ii<=6;ii++){ ข้อความ += "<td align=center><span id=sp" + aa + " onClick='changeBg(this.id)'>1</span></td>" aa += 1 } ข้อความ += "</tr>" } ข้อความ += "</table>" ข้อความ += "</td></tr>" text += "</table>" text += "</form>" document.write(text) changeCal() } ฟังก์ชั่น changeCal(){ var now = new Date var dd = now.getDate() var mm = now.getMonth() var dow = now.getDay() var yyyy = now.getFullYear() var currM = parseInt(document.calForm.selMonth.value) var prevM ถ้า (currM !=0){ prevM = currM - 1 } else{ prevM = 11 } var currY = parseInt(document.calForm.selYear.value) var mmyyyy = new Date() mmyyyy.setFullYear(currY) mmyyyy.setMonth(currM) mmyyyy .setDate(1) var day1 = mmyyyy.getDay() if (day1 == 0){ day1 = 7 } var arrN = new Array(41) var aa for (ii=0;ii<day1;ii++){ arrN[ ii] = maxDays((prevM),currY) - day1 + ii + 1 } aa = 1 สำหรับ (ii=day1;ii<=day1+maxDays(currM,currY)-1;ii++){ arrN[ii] = aa aa += 1 } aa = 1 สำหรับ (ii=day1+maxDays(currM,currY);ii<=41;ii++){ arrN[ii] = aa aa += 1 } สำหรับ (ii=0;ii<=41 ;ii++){ eval("sp"+ii).style.groundColor = "#FFFFFF" } var dCount = 0 สำหรับ (ii=0;ii<=41;ii++){ if (((ii<7)&&( arrN[ii]>20))||((ii>27)&&(arrN[ii]<20))){ eval("sp"+ii).innerHTML = arrN[ii] eval("sp"+ii ).className = "c3" } else{ eval("sp"+ii).innerHTML = arrN[ii] if ((dCount==0)||(dCount==6)){ eval("sp"+ii ).className = "c2" } else{ eval("sp"+ii).className = "c1" } if ((arrN[ii]==dd)&&(mm==currM)&&(yyyy==currY) ){ eval("sp"+ii).style.พื้นหลังColor="#90EE90" } } dCount += 1 if (dCount>6){ dCount=0 } } } // End --> </script> <! -- 把如下代码加入<body>区域中 --> <script type="text/javascript">writeCalendar()</script>