티스토리 뷰
출처 : https://nowonbun.tistory.com/368
[Javascript] Full calendar(스케줄 달력)의 사용법
안녕하세요. 명월입니다. 이 글은 웹에서의 full calendar(스케줄 달력)의 사용법에 대한 글입니다. 우리가 웹 프로그램을 작성하게 되면 보통 네이버 같은 포털 사이트보다 회사나 여러가지 그룹등
nowonbun.tistory.com
초기날짜 설정이 가능하다.
var calendar = new FullCalendar.Calendar( calendarEl, {
height: '700px', // calendar 높이 설정
expandRows: true, // 화면에 맞게 높이 재설정
slotMinTime: '08:00', // Day 캘린더에서 시작 시간
slotMaxTime: '20:00', // Day 캘린더에서 종료 시간
// 해더에 표시할 툴바
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth, timeGridWeek, timeGridDay, listWeek'
},
initialView: 'dayGridMonth', // 초기 로드 될때 보이는 캘린더 화면(기본 설정: 달)
initialDate: '2021-07-15', // 초기 날짜 설정 (설정하지 않으면 오늘 날짜가 보인다.)
});
'Skill > html js css' 카테고리의 다른 글
jquery option 다루기 (0) | 2023.10.31 |
---|---|
jQuery : Parsing (JSON, XML, HTML) (0) | 2023.10.04 |
jquery] array.reduce (0) | 2023.08.03 |
js 현재 페이지 url (0) | 2023.06.30 |
JS json 합치기 (0) | 2023.06.29 |
- Total
- Today
- Yesterday
- CSS
- QueryDSL
- setter
- devtools
- 여러 컬럼 update
- DatePicker
- 전후방탐색
- draw.io
- oracle
- border-collapse
- $.each
- sumifs
- $.extend
- 프로젝트명변경
- excel
- element위치
- getter
- PostgreSQL
- object key
- springboot
- 진열사랑
- ul li로 테이블
- 정규식
- Keycode
- caniuse
- lombok
- @ExceptionHandler
- JQuery
- Javascript
- spring
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |