Question

我失去了很多时间来寻找解决方案 - 但对我来说没有任何作用。我有一个Angular-1-Webapp，我需要使用jQuery FullCalendar。 Alle认为工作和事件正在出现 - 但在议程视图中没有事件......

    $('#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 - ＆gt; css - ＆gt; JS
JQuery正常工作
allDaySlot true / false - 已选中 - 无更改
事件中的allDay true / false - 选中 - 无更改

希望有人成为另一个想法！ THX

以下是一些图片

agendaWeek-View

month-view

Answer 1

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
  }]
});

Answer 2

好的，经过一小时的尝试，我发现了问题。 FullCalendar需要光子才能看到它。但是在第2256行中，css是以下条目：

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;
}

我真的很困惑，因为fullcalendar需要光子，但是这两个css并不能很好地协同工作...... thx4help !!!

FullCalendar所有议程 - 视图无效

2 个答案: