FullCalender 샘플

/** 상세 내용은 링크 따라 가세요**/

원본 출처 : http://fullcalendar.io/
다운로드 : http://fullcalendar.io/download/

Html에
<link rel='stylesheet' href='../lib/cupertino/jquery-ui.min.css' />
<link href='../fullcalendar.css' rel='stylesheet' />
<link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../lib/moment.min.js'></script>
<script src='../lib/jquery.min.js'></script>
<script src='../fullcalendar.min.js'></script>
<script src='../lang-all.js'></script>
되어 있어야함.

$('#calendar').fullCalendar({
     header : {
         left : 'prev,next today',
 center : 'title',
 right : 'month,agendaWeek,agendaDay'
     },
     defaultDate: '2014-11-12',
     lang: 'ko',
     buttonIcons: false, // show the prev/next text
     weekNumbers: true,
     editable: true,
     eventLimit: true, // allow "more" link when too many events
     events: [
{
title: 'All Day Event',
start: '2014-11-01'
},
{
title: 'Long Event',
start: '2014-11-07',
end: '2014-11-10'
},
{
id: 999,
title: 'Repeating Event',
start: '2014-11-09T16:00:00'
},
{
id: 999,
title: 'Repeating Event',
start: '2014-11-16T16:00:00'
},
{
title: 'Conference',
start: '2014-11-11',
end: '2014-11-13'
},
{
title: 'Meeting',
start: '2014-11-12T10:30:00',
end: '2014-11-12T12:30:00'
},
{
title: 'Lunch',
start: '2014-11-12T12:00:00'
},
{
title: 'Meeting',
start: '2014-11-12T14:30:00'
},
{
title: 'Happy Hour',
start: '2014-11-12T17:30:00'
},
{
title: 'Dinner',
start: '2014-11-12T20:00:00'
},
{
title: 'Birthday Party',
start: '2014-11-13T07:00:00'
},
{
title: 'Click for Google',
url: 'http://google.com/',
start: '2014-11-28'
}
]


});
 [Option] 
   - Header: Calender 상단 title 과 button 설정
         left, rigth, center 위치 지정
   - defaultDate : ISO8601 에 따른 현재일 설정 형식은"2014-12-24" 와 같음.
   - lang : 언어 설정 (영어:en, 한국어 : ko 등등)
   - buttonIcons : 기본 false, theme를 사용할려면 true, theme 사용
      시 themeButtonIcons 옵션 추가
   - weekNumbers : true일때 월(Month) 선택시 주차 표시, false 일경우 주차 표시 안함.
   - editable : true 일때 드래그 또는 사이즈 조정을 하도록함, false 일경우 드래그 또는 사이즈 조정을 하지 않음
[Property Value]
title : 월/주/일 텍스트
prev : 이전 버튼(월/주/일)
next : 다음 버튼(월/주/일)
today : 이전/다음으로 월/주/일 이동한 상태에서 현재 일자로 이동하는 버튼