본문 바로가기

728x90

풀캘린더옵션3

[FullCalendar] 풀캘린더 차근차근 달력 생성3 (달력 이벤트 수정, 삭제) 1. 달력 이벤트 수정 일단 수정하기 전 달력 이벤트를 클릭하면 클릭된 이벤트의 정보를 모달에 표시하고 싶었다. 풀캘린더에 이벤트클릭 속성이 있어서 이걸 사용했다. => eventClick : function(info) { } 1-1. 속성 값 가져오기 이벤트 객체에는 여러가지 속성들이 있음 id : 이벤트의 고유 식별자 title : 이벤트의 제목 start / startStr : 이벤트의 시작 일시 end / endStr : 이벤트의 종료 일시 extendedProps : 추가적인 사용자 정의 속성 ... // Firebase에서 일정 가져오기 function loadEvents(fetchInfo, successCallback, failureCallback) { db.collection("events.. 2024. 2. 16.

[FullCalendar] 풀캘린더 차근차근 달력 생성2 (모바일 터치 안됨 해결) * 캘린더 생성은 전 포스팅 참고 [FullCalendar] 풀캘린더 차근차근 달력 생성1 (주말 색 변경 / 시간 표시 제거) * 개인 프로젝트 * FullCalendar는 cdn 사용 * DB는 Firebase 사용 * FullCalendar 라이브러리 문서 참고 Event Parsing - Docs | FullCalendar When you give your calendar event data, whether it’s through an array, a json feed, or the addEven yb-dev-archive.tistory.com 1. 모바일버전 높이 설정 아니, ㅠ 웹에서 잘 동작해서 너무 좋았는데... 모바일로 실행하니 이것저것 문제가 너무 많았다. 우선 잘린 캘린더... con.. 2024. 2. 13.

[FullCalendar] 풀캘린더 차근차근 달력 생성1 (주말 색 변경 / 시간 표시 제거) * 개인 프로젝트 * FullCalendar는 cdn 사용 * DB는 Firebase 사용 * FullCalendar 라이브러리 문서 참고 Event Parsing - Docs | FullCalendar When you give your calendar event data, whether it’s through an array, a json feed, or the addEvent method, you specify the event as a plain JavaScript object with properties. This object then gets “parsed” into a proper Event Object that is then exp fullcalendar.io 1. 기본 캘린더 생성 *HTM.. 2024. 2. 3.

이전 1 다음

728x90

티스토리툴바