Java
Java - Fullcalendar
내이름효주
2024. 4. 29. 00:19
- Fullcalendar: 웹앱 개발 달력, 일정, 스케줄러 구현 시 사용할 수 있는 자바스크립트 기반 오픈소스 라이브러리
FullCalendar - JavaScript Event Calendar
Open Source... With over 10 years of open source and over 120 contributors, FullCalendar will always have a free and open source core. Learn more
fullcalendar.io
- 유료로 이용가능한 서비스도 있는 거 같다!
- 사용법
- 패키지 다운로드, 라이브러리 등록
<!-- fullcalendar 사용 --> <script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.10/index.global.min.js'></script>
- 패키지 다운로드, 라이브러리 등록
- 달력 나타내는 코드
➡️ 기본적인 달력을 나타내기 위해서는 위에 태그 한줄로 가능!<div id='calendar'></div>
➡️ 기본적인 달력 세팅const calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { // 헤더 설정 left: 'prev', center: 'title', right: 'today next' }, // locale: 'ko', initialView: 'dayGridMonth', fixedWeekCount: false, }); calendar.render();
- headerToolbar:
- 이벤트 (일정에 대한 모달)