FullCalendar вся повестка дня-Просмотров не работает

Question

Я потерял много времени, чтобы найти решение, но ничего не работает для меня. У меня есть Angular-1-Webapp, и мне нужно использовать jQuery FullCalendar. Все рассматривает работу и события показывают вверх - но в Agenda-взглядов нет событий ...

$('#calendar').fullCalendar({ 
     //Language 
     lang: 'de', 
     //Weekview inital 
     defaultView: 'agendaWeek', 
     eventSources: [{ 
      events: [{ 
       "id" : "789", 
       "title" : 'event1', 
       "start" : "2017-01-11 12:00", 
       "end" : "2017-01-11 15:00" 
      }] 
     }] 
    }); 

HTML:

<div id="calendar"></div> 

Вот что проверено:

• Порядок импорта - jQuery -> css -> js
• JQuery работает нормально
• allDaySlot true/false - checked - no изменить
• AllDay истина/ложь в случае - проверено - без изменений

Надежда кто-то, как еще одна идея! THX

Вот некоторые изображения

agendaWeek-View

month-view

Answer 1

Хорошо, после часа попытки я нашел проблему. FullCalendar нуждается в фотоне, чтобы выглядеть так, как нужно. Но в строке 2256 в этом КСС следующая запись:

td { 
    padding: 2px 15px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Эта проблема была обнаружена в that post. После изменения строки в следующем коде все работает:

td { 
    padding: 2px 15px; 
    white-space: nowrap; 
    /* OUT FOR FULL CALENDAR */ 
    /* overflow: hidden; */ 
    text-overflow: ellipsis; 
} 

I'am очень запутано, что fullcalendar потребности фотона, но эти два CSS не работает отлично вместе ... thx4help !!!

Answer 2

Working Fidlle

Попробуйте этот путь.

var calendar = $('#calendar').fullCalendar({ 
    defaultView: 'agendaWeek', 
    lang: 'de', 
    header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay' 
    }, 
    events: [{ 
    id: '789', 
    title: 'Event1', 
    start: '2017-01-11 12:00', 
    end: '2017-01-11 15:00', 
    allDay: false 
    }] 
});