如何在完整日历中删除空列月

How to remove the empty column month in fullcalendar

本文关键字：删除 日历      更新时间：2023-09-26

1)我正在使用fullCalendar。默认情况下，我想显示一个月。大概30天或31天。如果Feb表示28天或29天。

请看小提琴

3)它显示了一个月和下个月的半个日期也显示。我不想展示这个。

请告诉我怎样才能把它去掉。

jsfiddle

请看看这把小提琴

$('#calendar').fullCalendar({
	header: {
		left: 'prev,next today',
		center: 'title',
		right: 'month,agendaWeek,agendaDay'
	},
	defaultDate: '2014-06-12',
	editable: true,
});
$("td.fc-day.fc-widget-content").each(function( index ) {
				var start = moment('2014-06-04'); //start date from start date input
        var end = moment('2014-06-18'); //end date from end date input
				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) {
        	$(this).append("<span style='font-size: 30px;font-weight: 600;color: green;'>"+random+"%</span>");
        }
    });
body {
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
#calendar {
	width: 900px;
	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>

您可以像这样隐藏fc-other-month的内容并设置widget内容div的高度。

.fc-other-month div {
  display: none;
}
.fc-widget-content div {
  height: 107px;
}

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

try this

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

将可见性设置为hidden后，您必须更改

方法
if(event.start.getMonth() !== view.start.getMonth()) { return false; }
相关文章：