Javascript 完整日历事件以月份和列表显示,但不以周和日显示
我的事件显示在月视图和列表视图中,但不显示在周视图或日视图中 我尝试过在fullCalendar的初始化中使用'allDayDefault:false',在每个事件的属性中使用'allDay:false'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
//这将从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
});