The Coolest DHTML Calendar 2-1.7 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 시간,날짜 > The Coolest DHTML Calendar 2-1.7 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

html

mysql

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

The Coolest DHTML Calendar 2-1.7

해피팀

네티즌

소스분류

시간,날짜

다운로드 횟수

1315 회

간단설명

강력하고 사용하기 쉬운 Javascript로 제작된 달력 으로, 다양한 스킨까지 제공되고 있습니다. 여러가지 데모를 확인이 가능하여, 원하시는 달력을 손쉽게 장착 가능 합니다.

평가하기

첨부된 소스를 다운받아 보시면 index.html 파일이 있습니다.

해당 파일을 참조하셔도 되겠지만 해당 파일은 참고용으로만 보시고
demo폴더에 있는 4가지의 HTML을 참조하여 원하시는 달력을 추출해내시는게 좋습니다.

기본적으로 스킨은 5가지가 있으며, 해당 스킨들은 CSS 파일을 다르게 호출하므로서 사용이 가능합니다.

이 달력에는 기본적인 달력기능 외에 다양한 기능들이 숨어 있습니다.

옆의 이미지와 같이 날짜를 다중 선택을 할수 있습니다.
물론 해당 월 만의 달력안에서만 선택이 가능한것이 아니라,
다음달에 다다음달에 있는 날짜까지 다중 선택이 가능합니다.

달력을 클릭후 CTRL 키를 누르고 다른 날짜를 선택하면 됩니다.^^

왼쪽 다을 보시면 16일 ~ 26일까지
선택된 장면을 보실수가 있습니다.
이 기능은 위에처럼 CTRL키를 이용하여 선택을 해도 되지만,
CTRL키가 아닌 SHIFT 키를 활용을 할수가 있습니다.

먼저 16일을 찍은후 SHIFT키를 누른상태에서 26일을 클릭하시면
그 사이에 있는 모든 일자가 선택이 됩니다.

뿐만 아니라 휠을 위로 올리거나 아래로 내리실경우 달력의 월이 변경이 되고,
스페이스 키를 누르시면 같이 원하시는 년도/월을 쉽게 선택할수 있도록 화면이 변경되기도 합니다.

시작 요일을 일요일을 기본적으로 선택을 하시거나,
월요일 토요일 등으로 변경이 자유로우며,
달이 이동될때 스크롤 되는 애니메이션 효과를 주실수도 있습니다.

이곳 스크린샷에는 시간 선택부분이 모두 나와 있지만 이또한 제거가 가능하며,
최대한 심플하게 달력을 조합하실경우 옆의 달력과 같이 모습을 나타낼수 있습니다.

아래는 기본적으로 제공되는 스킨 화면 입니다.