현재 월에 해당하는 달력 출력

<!-- 현재 월에 해당하는 달력 출력하기 -->
<script type="text/javascript">
    var date=new Date();
    
    var y=date.getFullYear();
    var m=date.getMonth();
    var d=date.getDay();
 
    var theDate=new Date(y,m,1);
 
    var theDay=theDate.getDay();
 
    var last=[31,28,31,30,31,30,31,31,30,31,30,31];
    
    if(y%4&&y%100!=0 || y%400==0) lastDate=last[1]=29;      // 윤년
 
    var lastDate=last[m];
 
    var row=Math.Ceil((theDay+lastDate)/7);     // 필요한 행의 개수
    
    document.write("<h1>"+y+"."+(m+1)+"</h1>");
 
    var calendar="<table border='1'>";
    calendar+="<tr>";
    calendar+="<th>일</th>";
    calendar+="<th>월</th>";
    calendar+="<th>화</th>";
    calendar+="<th>수</th>";
    calendar+="<th>목</th>";
    calendar+="<th>금</th>";
    calendar+="<th>토</th>";
    calendar+="</tr>";
    
    var dNum=1;     // 달력에 표기되는 일의 초깃값
 
    for(var i=1; i<row; i++) {
        calendar +="<tr>";
        
        // 행이 첫 줄이고 현재 월의 1일의 요일 이전은 모두 빈 열로 표기하고, 날짜가 마지막 일보다 크면 빈 열로 표기됨.
        for(var k=1; k<=7; k++) {
            if(i==1 && k<=theDay || dNum>lastDate) {
                calendar+="<td> &nbsp; </td>";
            }
            else {
                calendar+="<td>"+dNum+"</td>";
                dNum++;
            }
        }
 
        calendar+="<tr>";
    }
 
    document.write(calendar);
</script>

 

 

소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)