Fullcalendar 完整日历在celendar中显示事件标题开始日期和结束日期范围内的每个单元格

Fullcalendar 完整日历在celendar中显示事件标题开始日期和结束日期范围内的每个单元格,fullcalendar,Fullcalendar,我使用的是完整日历v3.0.1,我需要在日历表中的每一天单元格中显示事件标题 示例: 开始:2017-01-01 结束:2017-01-10 基于这些日期,日历中的预期输出应该显示开始和结束日期范围内的事件标题。meet5标题应显示在事件范围内的每个日单元格中 电流输出: 所需的预期输出 有什么建议吗?我们怎样才能做到这一点?也许你可以试试这样的方法: $('#calendar').fullCalendar({ defaultView: 'month', event

我使用的是完整日历v3.0.1,我需要在日历表中的每一天单元格中显示事件标题

示例:

开始:2017-01-01 结束:2017-01-10

基于这些日期,日历中的预期输出应该显示开始和结束日期范围内的事件标题。meet5标题应显示在事件范围内的每个日单元格中

电流输出:

所需的预期输出


有什么建议吗?我们怎样才能做到这一点?

也许你可以试试这样的方法:

$('#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')+“):”);