검색결과 리스트
글
[FullCalendar] 구글 캘린더 hide / show 기능 추가하기
※ 해당 예제는[FullCalendar] 풀 캘린더와 구글 캘린더 연동하기를 기반으로 작성되었습니다.
01. 풀 캘린더의 addEventSource, removeEventSource 기능을 사용하여
구글 캘린더 데이터를 숨기고 다시 불러오는 기능을 추가해 보자.
calendar_google_choice.php |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> , googleCalendarApiKey : "AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE" // Google API KEY // 예제소스에 적힌 구글캘린더 API 키는 FullCalendar 예제에 있는 API키를 그대로 사용한 것이다. 출처: http://wickedmagic.tistory.com/566 [사악미소의 현대마법의 공방] , googleCalendarApiKey : "AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE" // Google API KEY // 예제소스에 적힌 구글캘린더 API 키는 FullCalendar 예제에 있는 API키를 그대로 사용한 것이다. 출처: http://wickedmagic.tistory.com/566 [사악미소의 현대마법의 공방] 출처: http://wickedmagic.tistory.com/566 [사악미소의 현대마법의 공방] 출처: http://wickedmagic.tistory.com/566 [사악미소의 현대마법의 공방] 출처: http://wickedmagic.tistory.com/566 [사악미소의 현대마법의 공방] 출처: http://wickedmagic.tistory.com/566 [사악미소의 현대마법의 공방] , googleCalendarApiKey : "AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE" |
02. 출력결과는 아래와 같이 체크박스를 선택하는 것으로 해당 데이터를 캘린더에서 지웠다 다시 생성할 수 있다.
'jQuery > FullCalendar' 카테고리의 다른 글
[FullCalendar] 구글 캘린더 hide / show 기능 추가하기 (8) | 2017.05.25 |
---|---|
[FullCalendar] 풀 캘린더와 구글 캘린더 연동하기 (3) | 2017.05.25 |
[FullCalendar] 전월, 익월 버튼 클릭시 날짜값 받아오기. (0) | 2016.08.08 |
[FullCalendar] eventClick 기능을 사용하여 클릭효과 생성 (1) | 2016.08.06 |
[FullCalendar] eventRender를 이용한 해당일에 이미지 나타내기 (0) | 2016.08.06 |
[FullCalendar] eventSource를 이용한 이벤트별로 그룹화 하기 (0) | 2016.08.05 |
설정
트랙백
댓글
-
-
안녕하세요! 우연히 풀캘린더 검색하다가 들어오게 되었어요. 많은 도움주셔서 감사합니다.
혹시나 구글 캘린더에서 날짜별로 일정 색깔을 넣을수 있던데, 풀캘린더에서는 그건 가지고올순 없나요?? -
사악미소님 안녕하세요! 웹개발플젝에 스케쥴 api를 심으려고 하는 학생입니다.
사악미소님 블로그 덕분에 글씨 변경이나 색 넣는것 까지 해봤는데 어떤식으로 이벤트 function을 주는지 js가 이해가 잘 가지 않더라구요 ㅠㅠ
javaScript 에서 스케쥴 추가방법 참고할 만한 자료가 있을지 문의 드립니다 ㅠㅠ