본문 바로가기

jQuery/FullCalendar

[FullCalendar] eventSource를 이용한 이벤트별로 그룹화 하기 01. FullCalendar의 eventSource를 사용하면 필요한 이벤트 별로 그룹화가 가능하다. 주제별로 이벤트를 나누어야 한다면 아래기능을 이용해 보자. calendar_eventSources.php 풀캘린더 02. 출력결과 더보기
[FullCalendar] 이벤트 색상 변경하기 01. FullCalendar 이벤트 속성 ① title : 해당 이벤트의 제목을 나타낸다. ② color : 이벤트의 색상을 변경한다. ③ textColor : 이벤트 내용의 텍스트의 색상을 변경한다. ④ backgroundColor : 이벤트 배경색의 색상만을 변경한다. ⑤ borderColor : 이벤트 테두리의 색상만을 변경한다. ⑥ rendering : "bakground"라고 입력하면 color, backgroundColor의 색상으로 해당일 전체의 내용이 채워진다. 02. 출력소스 calendar_attribute.php 풀캘린더 03. 출력결과 더보기
[FullCalendar] 주말 날짜 색깔 표시하기 01. 주말 날짜에 색깔이 표시되게끔 하기위해 CSS를 수정하였다. calendar.php 풀캘린더 02. 토요일과 일요일의 날짜가 파랑색과 빨강색으로 되어있다. 더보기
[FullCalendar] FullCalendar 한글로 변환하기 - 방법② 01. 설치한 fullcalendar 라이브러리를 살펴보면 lang 폴더를 보면 ko.js 파일이 있다 아래 파일을 이 방법은 아래 파일을 이용하여 한글로 변환하는 방법이다. 02. lang-all.js 파일을 가져와 사용해야 한다. 아래 표시된 내용을 추가하여 두자. calendar.php 풀캘린더 03. 출력결과는 아래와 같다. 더보기
[FullCalendar] FullCalendar 한글로 변환하기 - 방법① ※ 이 예제는 FullCalendar 2.9.1 버전을 가지고 진행되는 내용임을 알려드립니다. ※ 해당내용은 FullCalendar 라이브러리에서 지원하는 한글 변환기능을 사용한게 아닌 직접 커스텀한 부분입니다. 이글을 작성하기전에는 v1버전때만 사용해 보았기 때문에. 직접 한글을 불러오는 부분을 이전버전과 마찬가지로 직접 작성을 해주어야 하는줄 알고. v2버전을 사용해 보자마자 아래와같이 설정을 변경을 하고 사용하였으나. v2버전대에서부터는 각나라별 언어를 지원하고 있었다. js 라이브러릴 사용하는 방법은 [FullCalendar] FullCalendar 한글로 변환하기 - 방법② 기재하여 두었으니 본인 기호에 맞게 사용하길 바란다. 01. Calendar_constructor 함수를 찾아 해당부분을 .. 더보기