Jquery 完整日历所有议程视图不工作

Jquery 完整日历所有议程视图不工作,jquery,angularjs,fullcalendar,Jquery,Angularjs,Fullcalendar,我浪费了很多时间去寻找解决方案,但对我来说什么都不管用。我有一个Angular-1-Webapp,我需要使用jQuery FullCalendar。所有工作视图和事件都显示出来-但在议程视图中没有事件 $('#calendar').fullCalendar({ //Language lang: 'de', //Weekview inital defaultView: 'agendaWeek', eventS

我浪费了很多时间去寻找解决方案,但对我来说什么都不管用。我有一个Angular-1-Webapp,我需要使用jQuery FullCalendar。所有工作视图和事件都显示出来-但在议程视图中没有事件

    $('#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:


这就是检查的内容:

  • 导入顺序为jquery->css->js
  • JQuery工作正常
  • allDaySlot真/假-选中-无更改
  • 事件中的全天真/假-已检查-无更改
希望有人能提出另一个想法!THX

这里有一些图片

这样试试

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

这样试试

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

好的,经过一个小时的努力,我发现了问题。FullCalendar需要光子的外观。但在css的第2256行中有以下条目:

td {
  padding: 2px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
这个问题是在一次调查中发现的。将行更改为以下代码后,一切正常:

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

我真的很困惑,fullcalendar需要光子,但这两个css不能完美地协同工作…THX4帮助

好的,经过一个小时的尝试,我发现了问题。FullCalendar需要光子的外观。但在css的第2256行中有以下条目:

td {
  padding: 2px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
这个问题是在一次调查中发现的。将行更改为以下代码后,一切正常:

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

我真的很困惑,fullcalendar需要光子,但这两个css不能完美地协同工作…THX4帮助

thx,但没有变化:(.这取决于angular,但在另一个项目中,一切都很好…css在html和控制器中进行了尝试…另一个想法?没有-控制台是明确的。我可以在所有视图(月、基本周等)中看到事件,但在agendaViews中没有事件…thx,但没有变化:(.这取决于angular,但在另一个项目中,一切正常…css在html和控制器中使用并尝试…另一个想法?没有-控制台是明确的。我可以在所有视图中看到事件(月、基本周等),但在agendaViews中没有事件…奇怪的是,您使用的是
$(文档).ready
在angular中。您对will angular有多熟悉?您是对的-这是一次尝试,因为我不知道如何解决此错误。我在“工作”应用程序中删除了它。奇怪的是,您使用的是
$(文档).ready
在angular中。你对will angular有多熟悉?你是对的-这是一次尝试,因为我不知道如何解决此错误。我在“工作”应用程序中删除了它。