2016-07-13 4 views
1

Я использую плагин fullCalendar. Здесь, как я могу отображать 2 или более месяцев на одной странице. Посмотрите ниже изображение. Я хочу, как именно он находится на изображении.Как отобразить более одного месяца на одной странице

Image

На этом снимке, июль и август месяцы отображения simulatiously. Я хочу сделать это, используя полный плагин Calendar. Пожалуйста, помогите мне, как я могу это сделать?

jsfiddle

Здесь я добавил полный календарь пример скрипку. Здесь есть только одна моль. Я хочу по умолчанию 3 месяца без нажатия предыдущей или следующей кнопки.

$(document).ready(function() { 
 

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

 
    var events_array = [ 
 
     { 
 
     title: 'Test1', 
 
     start: new Date(2012, 8, 20), 
 
     tip: 'Personal tip 1'}, 
 
    { 
 
     title: 'Test2', 
 
     start: new Date(2012, 8, 21), 
 
     tip: 'Personal tip 2'} 
 
    ]; 
 

 
    $('#calendar').fullCalendar({ 
 
     header: { 
 
      left: 'prev,next today', 
 
      center: 'title', 
 
      right: 'month,agendaWeek,agendaDay' 
 
     }, 
 
     selectable: true, 
 
     events: events_array, 
 
     eventRender: function(event, element) { 
 
      element.attr('title', event.tip); 
 
     } 
 
    }); 
 
});
<div style="border:solid 2px red;"> 
 
     <div id='calendar'></div> 
 
</div>

ответ

1

добавить несколько Calander ..

<div id='calendar'></div> 
    <div id='calendar1'></div> 

установить вторую календарную дату в следующем месяце, как этот

$('#calendar1').fullCalendar('gotoDate', new Date('12/10/2018')); 
+0

Если я использую 2 календарями, что часть заголовка также придет, и дата начнется со следующей строки. Посмотрите на изображение. В следующем месяце начинается следующая дата предыдущего месяца. –

Смежные вопросы