フルカレンダーで空欄の月を削除する方法

Question

1）私はfullCalendarを使用しています。 ByDefault私は1ヶ月を見せたい。 30日または31日のように。 2月が28日または29日を意味する場合。

2）フィドルを見てください。

3）1か月と翌月の半月の日付も表示されています。私はそれを見せたくない。

どうすれば削除できますか。

jsfiddle

あなたはfc-other-monthの内容を非表示にし、このようなウィジェットコンテンツのdivの高さを設定することができ、このフィドルで

$('#calendar').fullCalendar({ 
 
\t header: { 
 
\t \t left: 'prev,next today', 
 
\t \t center: 'title', 
 
\t \t right: 'month,agendaWeek,agendaDay' 
 
\t }, 
 
\t defaultDate: '2014-06-12', 
 
\t editable: true, 
 
}); 
 
$("td.fc-day.fc-widget-content").each(function(index) { 
 
\t \t \t \t var start = moment('2014-06-04'); //start date from start date input 
 
     var end = moment('2014-06-18'); //end date from end date input 
 
\t \t \t \t var random = Math.floor(Math.random()*100); 
 
     var date = $(this).data('date'); //get current date in loop 
 
     var day = moment(date); //create a moment 
 
     
 
     //if day is greater than start date and less than end date, display. 
 
     if(day > start && day < end) { 
 
     \t $(this).append("<span style='font-size: 30px;font-weight: 600;color: green;'>"+random+"%</span>"); 
 
     } 
 
    });

body { 
 
\t margin-top: 40px; 
 
\t text-align: center; 
 
\t font-size: 13px; 
 
\t font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
 
} 
 

 
#calendar { 
 
\t width: 900px; 
 
\t margin: 0 auto; 
 
}

Start Date :<input type="text" id="endDate" name="end_datum" class="input_text" value=""> 
 
End date :<input type="text" id="endDate" name="end_datum" class="input_text" value=""></br></br></br></br> 
 

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

Answer 1

をご覧ください。 jsfiddle http://jsfiddle.net/3jyxs6Lc/5/

Answer 2

を更新しました

.fc-other-month div { 
    display: none; 
} 

.fc-widget-content div { 
    height: 107px; 
} 

隠さへの可視性を設定し、あなたが

if(event.start.getMonth() !== view.start.getMonth()) { return false; }