메뉴 건너뛰기

2015.02.03 20:06

달력

조회 수 6682 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<SCRIPT Language=" Javascript ">
<!-- 감춤
function calendar(){
  monthdays='312831303130313130313031'
  weekdays='일월화수목금토'
  now=new Date();    // 현재 일자, 시간
  day=now.getDate();   // 일자
  wkdy=now.getDay();   // 요일 (0=월요일, 1=화요일, ...)
  month=now.getMonth();   // 월   (0=1월, 2월=1, ....)
  year=now.getYear();   // 년
  startday=now;    // 현재 일자, 시간 복사
  startday.setDate(1);   // 복사된 일자, 시간에 일자를 1일로 설정
  wkdy1=startday.getDay();   // 1일의 요일은 얻음
  monthEnd=monthdays.substring((month*2),(month*2+2)) // 두자리씩 끊어 월 길이로
  if ((month==1)&&                         // 월이 2월(1)이며,
    (((year %4==0)&&(year %100 !=0))      // (4와 100으로 나눠 나머지가 없거나
    || (year % 400 ==0 ))) monthEnd=29;   // 400으로 나눠 나머지가 없으면) 29
  document .write ('<TR align=center><TD colspan=7 class=week>');
  document .write ('<FONT size=4 color=880000><B>');
  document .write (year+' 년 '+(month+1)+' 월</B>');  // 월은 month+1
  document .write ('</FONT></TD></TR><TR>')
  for (i=0;i<=6;i++){                    // 각 요일의 칸을 만듬
    document .write ('<TD class=week>'+
      ((i==0)?'<FONT color=red>':'')+   // 첫칸(0)이면 폰트색 red 아니면 null('')
      weekdays.substring(i,i+1)+'</TD>');  // weekdays에서 1자씩 끊어 요일 표시
  }
  document .write ('</TR><TR align=center>');  // 요일 컬럼 닫고 일자 컬럼 열기
  column=0;                          // 컬럼을 첫째칸으로 설정
  for (i=0;wkdy1>i;i++){             // 일자를 월초(1일) 요일 전까지 반복
    document .write ('<TD> </TD>');    // 빈칸 만들기
    column++;                        // 컬럼 1 증가
  }
  for ( i=1; i<=monthEnd; i++){      // 일자 칸 1 부터 월 길이까지 반복
    document .write (
      '<TD class='+                  // 칸 시작
      ((i==day) ? 'today' :          // 일자가 오늘과 같으면 class=today
        ((column==0) ? 'sun' :       // 아니고 (0번 컬럼이면 class=sun
          ((column==6) ? 'sat' :     // 아니고 (6번 컬럼이면 class=sat
          'normal')))+                //         아니면       class=normal)
      '>'+i+'</TD>');                // 일자 넣고 칸마감
    column++;                        // 컬럼 1 증가
    if(column==7){                   // 컬럼이 7이면 그 줄 끝내고 새줄 열기
      document .write ('</TR><TR>');
      column=0;                      // 컬럼을 첫째칸으로 설정
    }
  }                                  // for loop 종료
  for (i=column;i<=6;i++){           // 종료된 컬럼에서 마지막 컬럼까지 빈칸 넣기
    document .write ('<TD> </TD>');
  }
  document .write ('</TR></TABLE>');          // 줄 마감
  document .write ('<TABLE align=center><TR><TD class=bottom>'+
    '<FONT size=2><B>'+year+'</B> 년 <B>'+(month+1)+'</B> 월<B>'+day+'</B> 일 <B>'+
    ((wkdy==0) ? '즐거운 <FONT color=red>' : '')+weekdays.substring(wkdy,wkdy+1)+'</B>요일</FONT></TD></TR>');
}
// 감춤 끝  -->
</SCRIPT>
<STYLE type="text/css">
td.today { color:red; font-weight:bold; background-color:fe8; border:solid thin 1pt; border-color:#fff #f00 #f00 #fff;}
td.normal{ color:#088; font-weight:bold; background-color:eeddff; border:solid thin 1pt; border-color:#eef #88c #88c #eef;}
td.sun{ color:#880000; font-weight:bold; background-color:ffeedd; border:solid thin 1pt; border-color:#fee #c88 #c88 #fee;}
td.sat{ color:#088; font-weight:bold; background-color:f8d8ee; border:solid thin 1pt; border-color:#fee #c88 #c88 #fee;}
td.week{ color:#008; font-weight:bold; background-color:eee; border:solid thin 1pt; border-color:#fff #ccc #ccc #fff;}
td.bottom{ color:#066; background-color:eeeeee; border:solid thin 1pt; border-color:#fff #ccc #ccc #fff;}
.code {font-size:10pt;color:026;font-family:굴림;background:#dff;border:solid 1 #aea}
</STYLE>
</HEAD>

<BODY>
<TABLE align=center border=1 bgcolor=ddeeff class=calendar style="border:solid thin 2pt; border-color:#eff #88f #88f #eef;">
<SCRIPT>calendar();</SCRIPT>
</TABLE>
</BODY>
</HTML>


List of Articles
번호 제목 날짜 조회 수
87 셀렉트(select) change 이벤트 (split) 2016.12.23 6009
86 셀렉트(select) change Ajax 이벤트 2016.12.23 12581
85 셀렉트(select) change href 이벤트 2016.12.23 5899
84 팝업창 가운데 띄우기 2016.12.23 6705
83 [INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다 2017.02.19 8526
82 날짜 및 시간 입력 구현하기, Bootstrap DateTimePicker file 2017.04.06 16532
81 새로고침(F5) 금지 2018.03.28 6001
80 Javascript selectbox selected 컨트롤 file 2018.06.21 10056
79 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징) file 2018.07.04 2715
78 체크박스(CheckBox) 전체 선택, 전체 해제 checked file 2018.07.04 2913
77 SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기. 2018.07.04 4014
76 반복문 사용할때 태그 식별하기 data-item 2018.07.04 1849
75 스마트에디터(SmartEditor)에서 textarea 유효성 체크하기 2018.07.04 3986
74 다음 우편번호(주소) api 예시 file 2018.07.04 4903
73 cross site scripting을 막기위한...javascript 2018.07.24 1596
72 유용한 스크립트 모음 2018.07.24 2294
71 key pressing 누르거나 클릭중인 이벤트 예제 2018.08.29 1619
70 테이블에서 해당 열의 인덱스 값 얻는 방법 2018.08.29 2789
69 팝업창 차단 "허용 메시지" 2018.09.28 1738
68 엔터키 / enter key submit form 2018.09.28 1528
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved