使用Fullcalendar显示多个月 [英] Having Multiple Months Displaying with 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> 
  

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：''
}，
月份：m + 1，
主题：true，
}）; 
  

我期待8月和7月彼此相邻，当我点击下一个prev箭头会将日历一起移动，以便8月和9月出现。有任何想法吗？谢谢

解决方案

 试试这个： -  
 
 
 $（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.fu​​llCalendar（{
 header：{
 left：'title' ，
中心：''，
右：''
}，
 defaultDate：日期，
}）;`在这里输入代码`
}）; 
  

这是为您工作的。谢谢

I am trying to display two months at one time side by side using the FullCalendar plugin. I have looked through several other related questions and none seem to solve my issue. Currently my set up is as follows:

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

I am looking to have say August and July next to each other, and when I click on next and prev arrows it will move the calendars along so that August and September appear. Any ideas? Thanks

解决方案

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

This is work for you.Thanks

这篇关于使用Fullcalendar显示多个月的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！