Javascripts > Javascript Calendars > Entire Year Calendar
Script Title: Entire Year Calendar
Description: This script displays a calendar for the entire year.
Example: Available
Copy the following code into your <HEAD></HEAD> tags.<HEAD> <script language="javascript"> <!-- // fill the month table with column headings function day_title(day_name){ document.write("<TD ALIGN=center WIDTH=35>"+day_name+"</TD>") } // fills the month table with numbers function fill_table(month,month_length) { day=1 // begin the new month table document.write("<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=%3><TR>") document.write("<TD COLSPAN=7 ALIGN=center><B>"+month+" "+year+"</B><TR>") // column headings day_title("Sun") day_title("Mon") day_title("Tue") day_title("Wed") day_title("Thu") day_title("Fri") day_title("Sat") // pad cells before first day of month document.write("</TR><TR>") for (var i=1;i<start_day;i++){ document.write("<TD>") } // fill the first week of days for (var i=start_day;i<8;i++){ document.write("<TD ALIGN=center>"+day+"</TD>") day++ } document.write("<TR>") // fill the remaining weeks while (day <= month_length) { for (var i=1;i<=7 && day<=month_length;i++){ document.write("<TD ALIGN=center>"+day+"</TD>") day++ } document.write("</TR><TR>") // the first day of the next month start_day=i } document.write("</TR></TABLE><BR>") } // end hiding --> </script>
Copy the following code between the <BODY></BODY> tags of your html page.<script language="javascript"> // year year=2010 // first day of the week of the new year today= new Date("January 1, "+year) start_day = today.getDay() + 1 // starts with 0 fill_table("January",31) fill_table("February",28) fill_table("March",31) fill_table("April",30) fill_table("May",31) fill_table("June",30) fill_table("July",31) fill_table("August",31) fill_table("September",30) fill_table("October",31) fill_table("November",30) fill_table("December",31) </script>