본문 바로가기

코딩/자바스크립트

[JavaScript] 달력을 자바스크립트로 만들어보자!

function month_calendar(year, month) {
	var first = new Date(year, (month - 1), 1);
    var last = new Date(year, (month), 0).getDate();
    var weekday = first.getDay();
    var calendarData = [];
    document.write('<div><h3>' + year + '년' + month + '월'</h3>');
    
    document.write('<table><tr>');
    for(var i=0; i<weekday; i++) {
    	document.write('<td></td>');
    }
    for(var i=1; i<=last; i++) {
    	document.write('<td>' + i + '</td>');
        
        if(weekday >= 6) {
        	document.write("</tr><tr>");
            weekday = 0;
        } else {
        		weekday++;
        }
       }
       document.write('</tr></table></div>');
       return calendarData;
}

var now = new Date();
for (var i=1; i<=12; i++) {
	month_calendar(now.getFullYear(), i);
}

:)

 

출처: 책 <만화로 배우는 프로그래밍> 다니구치마코토 지음/ 위정훈 옮김