用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` 
}); 

這是周到，謝謝