Fullcalendar 完整日历在celendar中显示事件标题开始日期和结束日期范围内的每个单元格
我使用的是完整日历v3.0.1,我需要在日历表中的每一天单元格中显示事件标题 示例: 开始:2017-01-01 结束:2017-01-10 基于这些日期,日历中的预期输出应该显示开始和结束日期范围内的事件标题。meet5标题应显示在事件范围内的每个日单元格中 电流输出: 所需的预期输出Fullcalendar 完整日历在celendar中显示事件标题开始日期和结束日期范围内的每个单元格,fullcalendar,Fullcalendar,我使用的是完整日历v3.0.1,我需要在日历表中的每一天单元格中显示事件标题 示例: 开始:2017-01-01 结束:2017-01-10 基于这些日期,日历中的预期输出应该显示开始和结束日期范围内的事件标题。meet5标题应显示在事件范围内的每个日单元格中 电流输出: 所需的预期输出 有什么建议吗?我们怎样才能做到这一点?也许你可以试试这样的方法: $('#calendar').fullCalendar({ defaultView: 'month', event
有什么建议吗?我们怎样才能做到这一点?也许你可以试试这样的方法:
$('#calendar').fullCalendar({
defaultView: 'month',
events: [{
title: 'Some quite long event description in a day cell',
start: '2017-01-05',
end: '2017-01-09',
rendering: 'background',
allDay: true
}],
eventAfterAllRender: function(view) {
$.each($('#calendar').fullCalendar('clientEvents'), function() {
var event = this;
var $start = $('#calendar').find('td.fc-day[data-date="' + event.start.format('YYYY-MM-DD') + '"]');
var $end = $('#calendar').find('td.fc-day[data-date="' + event.end.format('YYYY-MM-DD') + '"]');
if (event.rendering === 'background') {
for (var d = event.start; d <= event.end; d.add(1, 'day')) {
$('#calendar').find('td.fc-day[data-date="' + d.format('YYYY-MM-DD') + '"]').append('<a href="test.html">' + event.title + '</a>');
}
}
});
}
});
$(“#日历”).fullCalendar({
defaultView:'月份',
活动:[{
标题:“日单元格中的一些相当长的事件描述”,
开始日期:“2017-01-05”,
完:2017-01-09,
渲染:“背景”,
全天:没错
}],
eventAfterAllRender:函数(视图){
$.each($('#calendar').fullCalendar('clientEvents'),function(){
var事件=此;
var$start=$('#calendar').find('td.fc day[data date=“'+event.start.format('YYYY-MM-DD')+'”]);
var$end=$('#calendar').find('td.fc day[data date=“'+event.end.format('YYYY-MM-DD')+'”]);
如果(event.rendering==='background'){
对于(var d=event.start;d也许您可以尝试以下方法:
$('#calendar').fullCalendar({
defaultView: 'month',
events: [{
title: 'Some quite long event description in a day cell',
start: '2017-01-05',
end: '2017-01-09',
rendering: 'background',
allDay: true
}],
eventAfterAllRender: function(view) {
$.each($('#calendar').fullCalendar('clientEvents'), function() {
var event = this;
var $start = $('#calendar').find('td.fc-day[data-date="' + event.start.format('YYYY-MM-DD') + '"]');
var $end = $('#calendar').find('td.fc-day[data-date="' + event.end.format('YYYY-MM-DD') + '"]');
if (event.rendering === 'background') {
for (var d = event.start; d <= event.end; d.add(1, 'day')) {
$('#calendar').find('td.fc-day[data-date="' + d.format('YYYY-MM-DD') + '"]').append('<a href="test.html">' + event.title + '</a>');
}
}
});
}
});
$(“#日历”).fullCalendar({
defaultView:'月份',
活动:[{
标题:“日单元格中的一些相当长的事件描述”,
开始日期:“2017-01-05”,
完:2017-01-09,
渲染:“背景”,
全天:没错
}],
eventAfterAllRender:函数(视图){
$.each($('#calendar').fullCalendar('clientEvents'),function(){
var事件=此;
var$start=$('#calendar').find('td.fc day[data date=“'+event.start.format('YYYY-MM-DD')+'”]);
var$end=$('#calendar').find('td.fc day[data date=“'+event.end.format('YYYY-MM-DD')+'”]);
如果(event.rendering==='background'){
对于(var d=event.start;d)您到目前为止尝试了什么?您可以分享一些小提琴或至少一个您想要实现什么的屏幕截图吗?您到目前为止尝试了什么?您可以分享一些小提琴或至少一个您想要实现什么的屏幕截图吗?对于行:var$end,最好在没有结束案例的情况下处理开始:var$end=event.end$(“#calendar_small”).find('td.fc day[data date=“”+event.end.format('YYYY-MM-DD')+“]):”;对于行:var$end,最好处理没有结束的开始情况:var$end=event.end?$(“#calendar_small”).find('td.fc day[data date=“'+event.end.format('yyyyy-MM-DD')+“):”);