IT/JS + Jquery
[JavaScript]Fullcalendar Sample 예제
시린스
2019. 8. 8. 20:48
반응형
[2021.05.07]
※2019년에 FullCalendar를 커스터마이징을 하였고 버전은 'v3' 버전을 이용하였습니다.
현재 v5버전까지 나온것으로 확인되며, v3 버전은 아래 도메인에서 받을 수 있습니다.
github.com/fullcalendar/fullcalendar/releases/tag/v3.10.2
$('#calendar').fullCalendar({
header: {
//center: 'prev,title,next', 여기에 select 값을 보내서 달력 이동 할 수 있게.
right : null
},
defaultDate: yyyymmdd, //yyyymmdd 날짜를 입력 하여야 합니다.
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: "일별"
},
events:
[
{
id: "A",
title: 'My Event',
start: '2016-05-29',
description: 'This is a cool event'
}
],
eventRender: function (event, element) {
if (event.A) {
alert("A입니다.");
} else if (event.B) {
alert("B입니다.");
}
}
});