sol)
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
td {
width: 60px;
height: 60px;
text-align: center;
font-size: 20px;
font-family: 궁서;
border:2px dotted #FF5E00;
border-radius:13px;
}
.sunday{
color:red;
}
.saturday{
color:blue;
}
</style>
<script>
window.onload = function() {
b.onclick = function() {
var array = [ "일", "월", "화", "수", "목", "금", "토" ];
var last_day = [ "31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31" ];
var sel = new Date(y.value, m.value - 1, 1);
var calendar = "";
var d_of_w = "";
var count = 1;
var gap = sel.getDay();
var a = 0;
var numb = 1;
d_of_w += "<tr>";
for (td = 0; td < 7; td++) { //요일을 쓰기위해 따로 반복문 써서 만들어줌
if(td==0){
d_of_w += "<td class=sunday>" + array[td] + "</td>";
}else if(td==6){
d_of_w += "<td class=saturday>" + array[td] + "</td>";
}else{
d_of_w += "<td >" + array[td] + "</td>";
}
}
d_of_w += "</tr>";
week.innerHTML = "<table align=center>" + d_of_w + "</table>";
if( ( (y.value % 4 == 0) && (y.value % 100 != 0) ) || (y.value % 400 == 0) ) {
last_day[1]=29; //윤달이면 2월의 마지막날을 29일로 셋팅
}else{
last_day[1]=28;
}
for (tr = 1; tr <= last_day[m.value-1]; tr++) {
if (count % 7 == 1) {
calendar += "<tr>";
}
if (gap > a) {
for (r = 0; r < gap; r++) { //공백주기 위해 공백만큼 빈칸 반복
calendar += "<td>" + "</td>";
count++;
a++; //
}
}
if(count%7==1){
calendar += "<td class=sunday>" + numb + "</td>";
}else if(count%7==0){
calendar += "<td class=saturday>" + numb + "</td>";
}else{
calendar += "<td>" + numb + "</td>";
}
count++;
numb++;
if (count % 7 == 1) { //공백포함 카운트숫자가 7로 나눴을때 나머지가 1이면 줄바꾸기 위해 tr 닫아줌
calendar += "</tr>";
}
}
con.innerHTML = "<table align=center>" + calendar + "</table>";
}
}
</script>
</head>
<body style="background-image: url('image/bg2.jpg');background-repeat:no-repeat;">
<select id="y">
<script>
for (var year = 1990; year < 2040; year++) {
document.write("<option>" + year + "</option>");
}
</script>
</select>년
<select id="m">
<script>
for (var month = 1; month < 13; month++) {
document.write("<option>" + month + "</option>");
}
</script>
</select>월
<input type="button" id="b" value="달력보기">
<div id="week"></div>
<div id="con" class=bgimg></div>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| Math.ceil(Math.random() * 5); (0) | 2015.02.24 |
|---|---|
| 객체생성하는방법1 (0) | 2015.02.24 |
| request ,session,application (0) | 2015.02.17 |
| setTimeout(1회호출)을 이용하여 한글자씩 증가or감소시키기 (0) | 2015.02.17 |
| 현재 시스템의 초count 하기 (0) | 2015.02.17 |
