메뉴 건너뛰기

2015.02.03 20:06

달력

조회 수 6684 추천 수 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>


  1. input 빈칸 체크

    Date2014.03.01 Views6271
    Read More
  2. 해상도에 따라 배경 바꾸기

    Date2014.03.01 Views6083
    Read More
  3. 입력된 폼의 내용 똑같이 복사

    Date2014.03.01 Views6892
    Read More
  4. select 당일 날짜 출력

    Date2014.03.01 Views5780
    Read More
  5. 입력된 글씨수 제어

    Date2014.03.01 Views6700
    Read More
  6. 따라다니는 배너

    Date2014.03.17 Views6270
    Read More
  7. 이미지클릭시 옆에 큰이미지나오기

    Date2014.03.17 Views5518
    Read More
  8. 특정부위 마우스 오버시 설명을 보여주는 소스

    Date2014.03.17 Views8697
    Read More
  9. 이미지 마우스 드래그로 스크롤을 움직이는 소스

    Date2014.03.17 Views9362
    Read More
  10. 자바스크립트 영문입력, 숫자만입력, 한글만 입력, 붙여넣기 방지

    Date2015.02.02 Views10180
    Read More
  11. 페이지 로드 할때 컨트롤에 포커스 주기

    Date2015.02.03 Views8500
    Read More
  12. 마우스로 이미지크기 조절(자바스크립트)

    Date2015.02.03 Views6530
    Read More
  13. 문자열 바꾸기

    Date2015.02.03 Views5729
    Read More
  14. 라디오 바스 체크 유무 확인

    Date2015.02.03 Views6349
    Read More
  15. 버튼 삭제

    Date2015.02.03 Views5951
    Read More
  16. 양력-음력

    Date2015.02.03 Views7673
    Read More
  17. 달력

    Date2015.02.03 Views6684
    Read More
  18. 5초후 자동으로 창닫기

    Date2015.02.03 Views9034
    Read More
  19. 'focus', 엔터 누르고 이동하자!

    Date2015.02.03 Views12857
    Read More
  20. 유효성 검사, 모든 폼에 값이 입력되도록 해보자!

    Date2015.02.03 Views6125
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved