如何刪除fullcalendar中的空列月份

Question

1）我正在使用fullCalendar。 ByDefault我想顯示一個月。像30天或31天。如果Feb是28天或29天。

2）請看小提琴。

3）它顯示一個月和下個月的半日期也顯示。我不想表明這一點。

請幫我解決這個問題。

jsfiddle

請看看這個小提琴，

$('#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

可以隱藏Widget內容DIV這樣的fc-other-month內容和設置高度。

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

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

更新了的jsfiddle http://jsfiddle.net/3jyxs6Lc/5/

Answer 2

試試這個

td.fc-other-month 
    { 
     visibility: hidden; 
    } 

設置能見度爲隱藏後，你將不得不改變方法

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