Monthly--- jQuery based responsive calendar plugin happycgi

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > JAVASCRIPT > javascript 소스창고 > 시간,날짜 > Monthly--- jQuery based responsive calendar plugin 상세정보

현재접속자 명

Monthly--- jQuery based responsive calendar plugin

해피팀

네티즌

소스분류

시간,날짜

다운로드 횟수

194 회

간단설명

달력을 표시하고, XML데이터를 이용해서 일정을 관리할 수있는 예제입니다.

평가하기

jquery + xml 을 이용해서 제작된
달력을 화면에 출력해주고,

일정등을 확인할수 있는 달력 스크립트 입니다.

다운로드 받은 파일의 압축을 풀어서
웹서버에 업로드 한후에
웹브라우져로 접속해보면
아래 그림과 같은 화면이 나오게 됩니다.

아무런 일정이 없는 빈 달력이 나오는데,
events.xml 을 메모장이나, 에디트플러스 같은 문서편집기로 열어서 보면

아래와 같은 포맷을 가진 XML데이터를 조작해서

<event>
  <id>1</id>
  <name>여름휴가</name>
  <startdate>2016-8-28</startdate>
  <enddate>2016-9-05</enddate>
  <starttime>9:00</starttime>
  <endtime>10:00</endtime>
  <color>#ffb128</color>
  <url>http://www.google.com</url>
</event>

위 그림과 같이 달력에 일정을 표시해주는게 가능해지네요.

지금은 일정에 대한 데이터는 xml 로 전달받고
화면에 출력하는게 전부인 상황이지만,

약간 더 개발을 한다면
웹에서 일정을 확인하고, 관리할수 있는 용도로 활용이 가능해 보이네요.

일정을 저장하는 DB가 있고,
그 DB를 읽어서 XML포맷으로 출력을 하는 프로그램을 개발한다면,
쓰일수 있을만한 곳이 많을것 같네요.

웹페이지에서 일정을 확인하는 용도말고도
입력박스에 날짜를 입력받는 용도로도 사용이 가능하겠네요.

출처는
http://www.htmldrive.net/items/show/1812/Monthly-jQuery-based-responsive-calendar-plugin 입니다.