본문 바로가기
반응형

캘린더7

[JavaScript] FullCalendar 캘린더 사용법 - (4. Views) Views Month View initialView: 'dayGridMonth', TimeGrid View initialView: 'timeGridWeek' initialView: 'timeGridDay' List View initialView: 'listWeek' DayGrid View initialView: 'dayGridWeek' Custom Views 일주일 중 4일만 보이도록 사용자 지정 뷰 document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { loca.. 2022. 10. 21.
[JavaScript] FullCalendar 캘린더 사용법 - (7. International) International locale 일정관리의 특정 부분을 특정 언어에 맞게 조정 할 수 있다. headerToolbar에 정의된 버튼의 텍스트 월 또는 요일 문자열을 포함하는 텍스트 날짜 형식 (예: eventTimeFormat) 주(week)번호 계산 옵션 (weekNumberCalculation) 각 주가 시작되는 날. derection 달력의 요소가 렌더링 되는 방향이다. ltr : 왼쪽에서 오른쪽으로 rlt : 오른쪽에서 왼쪽으로 firstDay 한 주가 시작되는 날. 요일을 나타내는 숫자값 일요일= 0, 월요일= 1, 화요일= 2 ... TimeZone local (기본값) 모든 브라우저에는 일반적으로 사용자 운영 체제의 설정에 따라 결정되는 기본 시간대가 있다. 이것은 "로컬" 시간대로 간.. 2022. 10. 20.
[JavaScript] FullCalendar 캘린더 사용법 - (6. Event) Events Event Object 일정관리 이벤트에 대한 정보를 저장하는 데 사용하는 JavaScript 개체. var calendar = new Calendar(calendarEl, { timeZone: 'UTC', events: [ { id: 'a', title: 'my event', start: '2018-09-01' } ] }) 일정관리 이벤트 개체의 모든 속성은 읽기 전용이므로 메소드를 사용하여 속성을 수정해야한다. 아래는 이벤트 개체에 있는 모든 속성 목록이다. 속성 설명 id 문자열. 이벤트의 고유 식별자 groupId 이벤트를 그룹화하기 위해 사용되는 식별자로서, 같은 groupId를 가진 이벤트는 하나의 그룹으로 간주 allDay 이벤트가 하루 종일 이벤트인지 여부 start 이벤트의 .. 2022. 10. 20.
[JavaScript] FullCalendar 캘린더 사용법 - (5. Date & Time Display) Date & Time Display weekends 일정관리에 토요일/일요일 열을 포함 할지 여부를 설정 document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { locale: 'en', initialView: 'dayGridMonth', headerToolbar: { left: 'prev,next', center: 'title', right: 'timeGridDay,timeGridWeek' }, // 토요일, 일요일 보이지 않도록함 weekends : false .. 2022. 10. 20.
반응형