Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 完整日历事件以月份和列表显示,但不以周和日显示_Javascript_Reactjs_Fullcalendar - Fatal编程技术网

Javascript 完整日历事件以月份和列表显示,但不以周和日显示

Javascript 完整日历事件以月份和列表显示,但不以周和日显示,javascript,reactjs,fullcalendar,Javascript,Reactjs,Fullcalendar,我的事件显示在月视图和列表视图中,但不显示在周视图或日视图中 我尝试过在fullCalendar的初始化中使用'allDayDefault:false',在每个事件的属性中使用'allDay:false' //这将从google日历中获取我的所有事件,并将它们放入一个数组中,以馈送到完整日历 var eventArray=[]; var请求=window.gapi.client.calendar.events.list({ '日历ID':'主要', 'timeMin':(新日期()).toISO

我的事件显示在月视图和列表视图中,但不显示在周视图或日视图中

我尝试过在fullCalendar的初始化中使用'allDayDefault:false',在每个事件的属性中使用'allDay:false'

//这将从google日历中获取我的所有事件,并将它们放入一个数组中,以馈送到完整日历
var eventArray=[];
var请求=window.gapi.client.calendar.events.list({
'日历ID':'主要',
'timeMin':(新日期()).toISOString(),
“showDeleted”:false,
“singleEvents”:对,
“订购人”:“开始时间”
}).然后(功能(响应){
var事件=response.result.items;
var j=0;
如果(events.length>0){
var-eventsArr=[];
对于(var i=0;i

有人知道如何在周视图和日视图中显示事件吗?

您可以参考此文档。默认视图在代码中添加此选项。周视图示例@IrfanAli我不确定这是否解决了此问题。我的agendaWeek和agendaDay视图显示,但这些视图中不显示上的事件。
   //This takes all of my events from a google calendar and puts them in an array to be fed to the fullCalendar
   var eventArray = [];
   var request = window.gapi.client.calendar.events.list({
     'calendarId': 'primary',
     'timeMin': (new Date()).toISOString(),
     'showDeleted': false,
     'singleEvents': true,
     'orderBy': 'startTime'
   }).then(function(response) {
     var events = response.result.items;

     var j = 0;
     if (events.length > 0) {
       var eventsArr = [];
       for (var i = 0; i < events.length; i++) {
         var event = events[i];
         var startDate = event.start.dateTime;
         var endDate = event.end.dateTime;
         if (!startDate) {
           startDate = event.start.date;
         }
         if (!endDate) {
           endDate = event.end.date;
         }
         var rowArray = {title: event.summary, start: startDate, end: endDate, id: event.id, allDay: false};
         eventsArr.push(rowArray);
         this.setState({
           eventArray: eventsArr
         })
       }
     } else {
       console.log('No upcoming events found.');
     }

     //This creates my fullCalendar
     $('#calendar').fullCalendar({
       header: {
         left: 'prev,next today',
         center: 'title',
         right: 'month,agendaWeek,agendaDay,listYear'
       },
       views: {
           month: { // name of view
               titleFormat: 'MMMM'
           },
           agenda: {
               titleFormat: 'MMM, DD'
           },
           listYear: {
             titleFormat: ' '
           }
       },
       defaultDate: $('#calendar').fullCalendar('today'),
       allDayDefault: false,
       navLinks: true, 
       editable: true,
       nowIndicator: true,
       eventLimit: true, 
       events: this.state.eventArray
     });