Javascript 使用Fullcalendar显示多个月

我正在尝试使用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>

我希望能把八月和七月放在一起，当我点击下一个和上一个箭头时，它会移动日历，这样八月和九月就会出现。有什么想法吗？谢谢

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

---

这是你的工作。谢谢你的钥匙。米斯，这似乎对我有用。是的。然而，后续问题-何时显示下个月而不是上个月？现在是2017年8月2日，但到8月还有多远，这个脚本才能成为下一个日历9月？是的，你可以。只需将其更改为x.setMonth（x.getMonth（）+1），它将重新运行9月份并在日历中渲染。

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