2012-07-06 5 views
0

이것은 다른 사람들이 가진 문제이지만 다른 곳에서 나열된 해결 방법 중 아무 것도 저에게 효과가 없었습니다. 나는 FullCalendar 1.5.3을 사용하고있다. (흥미롭게도 비 - 축소 된 버전은 어떻게 든 다르다 - 그것은 나의 완전한 기능을 부르지 않는다.IE8의 FullCalendar - 렌더링되지 않는 이벤트

$(document).ready(function() { 
    var colours = new Array(); 
    colours[159] = '#ED8E00'; 
    colours[160] = '#531493'; 
    colours[161] = '#69A2E2'; 
    colours[162] = '#C39'; 
    colours[163] = '#DEED42'; 

    $('#calendar').fullCalendar({ 
     header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,basicWeek' 
     }, 
     events: [{title: 'Consultation on the Preparation of the EU Adaptation Strategy', url: '/~sniffer/news-diary/calendar/consultation-on-the-preparation-of-the-eu-adaptation-strategy/', start: new Date('2012-07-03T00:00:00'), end: new Date('2012-08-20T00:00:00'), allDay: true, page_id: ''},{title: 'Festival of Politics', url: '/~sniffer/news-diary/calendar/festival-of-politics/', start: new Date('2012-08-18T00:00:00'), end: new Date('2012-08-24T00:00:00'), allDay: true, page_id: ''},{title: 'Consultation on Energy Efficiency Standard for Social Housing closing 28.09.12', url: '/~sniffer/news-diary/calendar/consultation-on-energy-efficiency-standard-for-social-housing-closing-28.09.12/', start: new Date('2012-06-25T00:00:00'), end: new Date('2012-06-25T00:00:00'), allDay: true, page_id: ''},{title: 'Consultation on efficient use of materials closing on 28.09.12', url: '/~sniffer/news-diary/calendar/consultation-on-efficient-use-of-materials-closing-on-28.09.12/', start: new Date('2012-06-27T00:00:00'), end: new Date('2012-06-27T00:00:00'), allDay: true, page_id: ''},{title: 'Launch of the latest Sustainable Consumption Institute (SCI) report', url: '/~sniffer/news-diary/calendar/launch-of-the-latest-sustainable-consumption-institute-sci-report/', start: new Date('2012-07-04T00:00:00'), end: new Date('2012-07-13T00:00:00'), allDay: true, page_id: ''},{title: 'Strathclyde Loch Restoration Phase 1', url: '/~sniffer/knowledge-hubs/resilient-catchments/river-restoration-partnerships/strathclyde-loch-restoration-phase-1/', start: new Date('2012-05-01T00:00:00'), allDay: true, page_id: '161'}], 
     eventRender: function(event, element) { 
      element.attr('rel', event.page_id); 
     }, 
     timeFormat: 'H(:mm)', 
     complete: function() { 
      $('#calendar').css('background', 'none'); 
     } 
    }); 

    // Append coloured pills to events 
    function updateEventCats() { 
     var colour; 
     $('a.fc-event').each(function() { 
      var rel = $(this).attr('rel'); 
      var ids = rel.split('-'); 

      for (var i=0; i<ids.length; i++) { 
       colour = colours['+i+']; 
       if (rel != '') { 
        $(this).find('.fc-event-inner').prepend('<div class=\'event-pill\' style=\'background:'+colours[ids[i]]+'\'></div>'); 
       } 
      }; 
     }); 
    } 

    updateEventCats(); 

    // Update pills on calendar paging 
    $('.fc-button').click(function() { 
     updateEventCats(); 
    }); 

}); 

가 불필요한 쉼표를 것 같다하지 않고 내가 IE의 개발자 도구에서 모든 스크립트 오류를 ​​얻을하지 않습니다

여기 (A DB에서 출력) 내 생성 된 자바 스크립트/JSON입니다. 저는 IE = edge에서 실행 중이므로 IE8 표준 모드입니다. 그렇지 않으면 달력은 문제없이 완벽하게 페이지를 렌더링합니다.

필자가 알약을 사용하지 않도록 설정하여 캘린더가 바닐라 렌더링되도록 시도했지만 도움이되지 않았습니다.

의견을 보내 주시면 감사하겠습니다.

답변

3

Date 객체 대신 문자열로 날짜를 전달하십시오. Like :

{ 
    title: 'Consultation on the Preparation of the EU Adaptation Strategy', 
    url: '/~sniffer/news-diary/calendar/consultation-on-the-preparation-of-the-eu-daptation-strategy/', 
    start: '2012-07-03T00:00:00', 
    end: '2012-08-20T00:00:00', 
    allDay: true, 
    page_id: '' 
} 

나는 이것을 IE9에서 Browser Mode: IE8 and Document Mode: IE8 standards으로 테스트했으며 작동합니다.

희망이 도움이됩니다.

+0

Spot on, 감사합니다. – melat0nin

+0

음 .. 질문은 모든 브라우저가 이해할 수 있도록 일반적인 방법으로이 방법으로하는 방법입니다. – kneidels

관련 문제