无法在完整日历 v4 中更改事件点击视图?
Unable to change View on event click in full Calendar v4?
几周以来我一直在使用 FullCalender,但我无法在 FullCalendar V4 中将月视图更改为列表视图。
我检查了没有更改视图选项的更新文档。这是我的代码:
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'dayGrid','list','interaction' ],
defaultView:'dayGridMonth',
themeSystem: 'bootstrap',
header:{
left:'prev,next,today',
center:'title',
right:'dayGridMonth,timeGridWeek,list'
},
selectable:true,
events:newArray,
eventTextColor:"#ffffff",
eventRender:function(info){
info.el.firstChild.innerText=info.event.extendedProps.description;
},
eventClick:function(info){
console.log(info);
}
});
calendar.render();
请帮助我。
This Document Link 上有 ChangeView 选项。
使用 eventClick,您可以调用 Calendar::changeView 如下:
eventClick:function(info){
calendar.changeView('list', info.event.start); //if single date, if you need date range, please check above link.
}
几周以来我一直在使用 FullCalender,但我无法在 FullCalendar V4 中将月视图更改为列表视图。
我检查了没有更改视图选项的更新文档。这是我的代码:
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'dayGrid','list','interaction' ],
defaultView:'dayGridMonth',
themeSystem: 'bootstrap',
header:{
left:'prev,next,today',
center:'title',
right:'dayGridMonth,timeGridWeek,list'
},
selectable:true,
events:newArray,
eventTextColor:"#ffffff",
eventRender:function(info){
info.el.firstChild.innerText=info.event.extendedProps.description;
},
eventClick:function(info){
console.log(info);
}
});
calendar.render();
请帮助我。
This Document Link 上有 ChangeView 选项。
使用 eventClick,您可以调用 Calendar::changeView 如下:
eventClick:function(info){
calendar.changeView('list', info.event.start); //if single date, if you need date range, please check above link.
}