고정 헤더 영역
상세 컨텐츠
본문
반응형
잘 안보이는데 ▲년도 ▲월 ▲결과보기
<html>
<head>
<style type="text/css">
td{
border : solid 5px green;
}
input{
border : solid 5px red;
}
.saturday{
color : blue;
size : 5
}
.sun{
color : red;
size : 5
}
</style>
<script>
function a(){
lastday=["31","28","31","30","31","30","31","31","30","31","30","31"];
y=t1.value;
m=t2.value-1;
date=new Date(y,m);
first=date.getDay();
last=lastday[m]
day=1;
num=1;
if((t1.value%400)==0 || (t1.value%100)!=0 && (t1.value%4)==0)
lastday[1]=29;
f=["일","월","화","수","목","금","토"];
var calendar="";
calendar+="<table>";
calendar+="<tr>";
<!-- 일~토 출력-->
for(i=0; i<7; i++){
if(i==0)
calendar+="<td class=sun>"+f[i]+"</td>";
else if(i==6)
calendar+="<td class=saturday>"+f[i]+"</td>";
else
calendar+="<td>"+f[i]+"</td>";
}
calendar+="</tr>";
<!-- 공백 이랑 일수 -->
for(t=0; t<6; t++){
if(lastday[m]<day){
break;
}
else{
calendar+="<tr>";
}
for(tt=0; tt<7; tt++){
if(num<=first || day>lastday[m] ){
calendar+="<td> </td>";
}
else {
if(lastday[m]<day){
break;
}
calendar+="<td>"+day+"</td>";
day++;
}
num++;
}
calendar+="</tr>";
}
calendar+="</table>";
result.innerHTML=calendar;
}
</script>
</head>
<body>
<input type="text" id="t1">년
<input type="text" id="t2">월
<input type="button" value="결과보기" onmouseover="a()">
<div id="result"></div>
</body>
</html>
'관리X 과거글' 카테고리의 다른 글
| 자바스크립트 eval 이용한 계산기 (0) | 2014.11.25 |
|---|---|
| 자바 익명 클래스 (0) | 2014.11.21 |
| 인터넷에서 본 for문 문제 (0) | 2014.11.08 |
| 자바 public StringtoString 으로 출력해보자 (0) | 2014.10.31 |
| 객체와 인스턴스 (0) | 2014.10.29 |
