Freecode
>  Home   HTML   CSS   JavaScript   PHP   Perl   Photoshop   TCP/IP 

สร้างปฏิทินด้วย JavaScript

          สคริปต์สร้างปฏิทินครับ ใช้การรับค่าวันจากคลาส Date() แล้วสังเคราะห์โค้ด HTML เพื่อวาดตารางปฏิทินครับ

:: How to Use ::
เอาโค้ดนี้ไปใส่ในบริเวณที่ต้องการแสดงปฏิทินได้เลยครับ คำอธิบายอยู่ใน Code <script language="JavaScript"> <!-- Begin function calendar() { // ชื่อเดือน ตอนใช้จะตัดไปใช้เฉพาะบางส่วน var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; //รับค่าวันปัจจุบัน var today = new Date(); var thisDay; //กำหนดจำนวนวันในแต่ละเดือน var monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31); //กำหนดค่าปี year = today.getYear() + 0; // กำหนดค่าวัน thisDay = today.getDate(); // คำนวนปีอธิกสุรธิน if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; // หาวันแรกที่แสดงในปฏิทิน nDays = monthDays[today.getMonth()]; firstDay = today; firstDay.setDate(1); testMe = firstDay.getDate(); if (testMe == 2) firstDay.setDate(0); startDay = firstDay.getDay(); document.writeln("<CENTER>"); document.write("<TABLE BORDER>"); document.write("<TR><TH COLSPAN=7>"); document.write(monthNames.substring(today.getMonth() * 3, (today.getMonth() + 1) * 3)); document.write(". "); document.write(year); // แสดงชื่อวัน document.write("<TR><TH>sun<TH>mon<TH>tue<TH>wed<TH>thu<TH>fri<TH>sat"); // เข้าสู่ลูปเพื่อแสดงเลขวันที่ document.write("<TR>"); column = 0; for (i=0; i<startDay; i++) { document.write("<TD>"); column++; } for (i=1; i<=nDays; i++) { document.write("<TD>"); // ถ้าเป็นวันนี้ ให้ทำเป็นสีแดง if (i == thisDay) document.write("<FONT COLOR=\"#FF0000\">") document.write(i); if (i == thisDay) document.write("</FONT>") column++; if (column == 7) { document.write("<TR>"); column = 0; } } // ปิดตาราง document.write("</TABLE>"); document.writeln("</CENTER>"); } // End --> calendar(); </script>

Back to top





© copyright 2001 Sorrawut Korsuwansiri