用Fullcalendar显示多个月

Question

我试图用FullCalendar插件并排显示两个月。我浏览了其他几个相关的问题，但似乎没有一个能够解决我的问题。目前我设立如下：

   <div class="calendar-box"> 
        <div class="row"> 
         <div class="col-md-6"> 
          <div id='calendar0'></div> 
         </div> 
         <div class="col-md-6"> 
          <div id='calendar1'></div> 
         </div> 
        </div> 
       </div> 

的Javascript：

var date = new Date(); 
var d = date.getDate(); 
var m = date.getMonth(); 
var y = date.getFullYear(); 

$('#calendar0').fullCalendar({ 
    header: { 
     left: '', 
     center: 'title', 
     right: '' 
    }, 
    month:m, 
    theme: true, 
    editable: false 
}); 
$('#calendar1').fullCalendar({ 
    header: { 
     left: '', 
     center: 'title', 
     right: '' 
    }, 
    month:m+1, 
    theme: true, 
}); 

我期待有说八月，七月彼此相邻，当我下一次点击和上一个箭头将移动出现八月和九月的日历。有任何想法吗？由于

Answer 1

Try this:- 


$(document).ready(function() { 
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 
    var x = new Date(); 
    x.setDate(1); 
    x.setMonth(x.getMonth() - 1); 

    var cal0 = $('#calendar0'); 
    var cal1 = $('#calendar1'); 

    cal0.fullCalendar({ 
    header: { 
     left: 'title', 
     center: '', 
     right: 'prev,next today' 
    }, 
    defaultDate: x, 
    viewRender: function(view, element) { 
     cur = view.intervalStart; 
     d = moment(cur).add('months', 1); 
     cal1.fullCalendar('gotoDate', d); 
    } 
    }); 

    cal1.fullCalendar({ 
    header: { 
     left: 'title', 
     center: '', 
     right: '' 
    }, 
    defaultDate: date, 
    });`enter code here` 
}); 

这是周到，谢谢