Full Calendar 문서 원본 보기
←
Full Calendar
둘러보기로 가기
검색하러 가기
문서 편집 권한이 없습니다. 다음 이유를 확인해주세요:
요청한 명령은 다음 권한을 가진 사용자에게 제한됩니다:
사용자
.
이 문서는 편집하거나 다른 명령을 할 수 없도록 보호되어 있습니다.
문서의 원본을 보거나 복사할 수 있습니다.
Google Calendar와 유사한 인터페이스를 제공하는 오픈소스 Full Calendar를 정리 합니다. *홈페이지 : http://arshaw.com/fullcalendar/ *다운로드 : http://arshaw.com/fullcalendar/download/ *라이선스 : It is open source and dual licensed under the MIT or GPL Version 2 licenses. *매뉴얼 : http://arshaw.com/fullcalendar/docs/ *플랫폼 : JavaScript ==Full Calendar== <link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' /> <link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.print.css' media='print' /> <script type='text/javascript' src='../jquery/jquery-1.7.1.min.js'></script> <script type='text/javascript' src='../jquery/jquery-ui-1.8.17.custom.min.js'></script> <script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script> <script type='text/javascript'> var calendar = null; var events = null; events = [ { title: 'Long Event', start: new Date(y, m, d-5), end: new Date(y, m, d-2), color: 'red', backgroundColor: 'yellow', borderColor: 'blue', textColor: 'green', uid: 'event_0003', //--- Customize한 속성 flagCheckbox: true //--- Customize한 속성 } ]; $(document).ready(function() { calendar = $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, selectable: true, selectHelper: true, dayClick: function(date, allDay, jsEvent, view) { window.alert("dayClick"); calendar.fullCalendar('unselect'); }, eventClick: function(calEvent, jsEvent, view) { window.alert("eventClick"); }, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { calendar.fullCalendar('renderEvent', { title: title, start: start, end: end, allDay: allDay }, true // make the event "stick" ); } calendar.fullCalendar('unselect'); }, eventMouseover: function( event, jsEvent, view) { window.alert("eventMouseover"); }, eventMouseout: function( event, jsEvent, view) { window.alert("eventMouseout"); }, eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) { window.alert("eventDrop"); }, eventResize:function( event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view ) { window.alert("eventResize"); }, editable: true, events: events, firstDay: 0, //--- 0. 일요일 weekends: true, allDaySlot: true, allDayText: '종일', axisFormat : 'hh:mm tt', slotMinutes: 30, defaultEventMinutes: 60, firstHour: 9, timeFormat: 'hh:mm tt', columnFormat: {month: 'ddd', week: 'M/d ddd', day: 'M/d dddd'}, titleFormat: {month: 'yyyy년 M월', week: 'yyyy년 M월 d일{ — [yyyy년] [M월] d일 }', day: 'yyy y년 M월 d일 dddd'}, 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: '일'} }); }); ==Full Calendar Customize== ===데이터와 화면 Customize=== *event에 Customize하고 싶은 필드를 추가 합니다. *주/일 ==참고 문헌== [[Category:JavaScript]]
Full Calendar
문서로 돌아갑니다.
둘러보기 메뉴
개인 도구
로그인
이름공간
문서
토론
변수
보기
읽기
원본 보기
역사 보기
더 보기
검색
주요 메뉴
오픈소스 컨설팅
오픈소스
오픈소스 라이선스
오픈소스 커뮤니티
오픈소스 종류
오픈소스 현황
오픈소스 한글화
문자셋과 인코딩
Storage
Network
보안
고가용성
모니터링
오픈 API
오픈 서비스
Cloud
BigData
Android
산사랑 노트
둘러보기
인기 문서
최근 수정 문서
모든 문서
모든 분류
임의 문서
위키 사용법
자매 사이트
CMS
오비컨 홈페이지
오비컨 CMS
블로그
데모 - SuiteCRM
산사랑의 Twitter
산사랑의 Facebook
친구 사이트
공개SW 포털
OLIS
한국공개소프트웨어협회
AppCenter 지원본부
OLC
PSEG
개발자 블로그
블로터
개인 메뉴
메뉴 수정
양식함
도구
여기를 가리키는 문서
가리키는 글의 최근 바뀜
특수 문서 목록
문서 정보