2014-02-12 9 views
3

FullCalendar의 최신 버전을 사용하면 this link에서 언급 한 특수 효과를 사용할 수 있습니까?FullCalendar 특수 효과

$(document).ready(function() { 
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     editable: true, 
     annotations: [{ 
      start: new Date(y, m, d-2, 13, 30), 
      end: new Date(y, m, d-2, 14, 00), 
      title: 'Blocked Day', 
      cls: 'open', 
      color: '#777777', 
      background: '#000' 
     }], 
     events: [{ 
      title: 'Birthday Party', 
      start: new Date(y, m, d+1, 19, 0), 
      end: new Date(y, m, d+1, 22, 30), 
      allDay: false 
     }] 
    });  
}); 
+0

이 기능을 사용하게 되었습니까? 허용 된 대답은 로드리고의 의견대로 작동하지 않는 것 같습니다. – slicedtoad

+0

작동하지 않습니다. 그러나이 아이디어로 내 앱의 FullCalendar 만 다시 작성합니다. – Maykonn

답변

1

당신이 왼쪽 상단 모서리를 살펴 보자 load 이벤트

$(window).load(function() { 
     //your code 
}); 

에서 실행되는 스크립트를 설정 한 제출 한 예에 : 그것은 다음과 같이 작동하지 않는 경우, this fiddle를 참조하십시오 JsFiddle의 경우 문서 준비 이벤트에서 바이올린을 설정하고 $(document).ready()의 불필요한 줄 바꿈을 제거하거나 문서의 <head>에 코드를 래핑하면됩니다. 업데이트 바이올린 http://jsfiddle.net/Ppnw3/1/과 github에서 제공되는 전체 데모를보십시오 http://jsfiddle.net/Ppnw3/2/

+1

jsfiddle의 예제에 주석이 전혀 표시되지 않습니다. –