반응형
[2021.05.07]
※2019년에 FullCalendar를 커스터마이징을 하였고 버전은 'v3' 버전을 이용하였습니다.
현재 v5버전까지 나온것으로 확인되며, v3 버전은 아래 도메인에서 받을 수 있습니다.
github.com/fullcalendar/fullcalendar/releases/tag/v3.10.2
처음에 생성된 fullcalendar는 삭제하고, 재 생성 해주는 것으로 다시 그려줄 수 있습니다.
//기존 FullCalendar 삭제
$('#calendar').fullCalendar('destroy'); //달력 삭제
//FullCalendar 달력 재 생성
$('#calendar').fullCalendar({ // 달력 재 생성
height: 700,
header: {
//center: 'prev,title,next', 여기에 select 값을 보내서 달력 이동 할 수 있게.
left: null,
center: 'title',
right: null
},
defaultDate: "YYYYMMDD", //20200101 숫자가 들어가야됩니다.
editable: true,
eventLimit: true,
monthNames: ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"],
monthNamesShort: ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"],
dayNames: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"],
dayNamesShort: ["일", "월", "화", "수", "목", "금", "토"],
buttonText: {
today: "오늘",
month: "월별",
week: "주별",
day: "일별"
}
});
'IT > JS + Jquery' 카테고리의 다른 글
[JavaScript] 동적으로 생긴 태그에 Event 걸기 (0) | 2019.09.04 |
---|---|
[자동완성-미완성]input 아래 리스트 생성 (0) | 2019.08.22 |
[JavaScript]Fullcalendar Cell 클릭 시 이벤트 (함수) (0) | 2019.08.22 |
[JavaScript]Fullcalendar 과거 날짜 조회 불가 로직 (0) | 2019.08.22 |
[JavaScript]input에 자동완성 기능 (autocomplete) (0) | 2019.08.22 |