Supprimer les dates antérieures et les mois suivants du mois en cours

Les cellules de la grille pour le prochain et le mois précédent ont la classe "fc-autres-mois", de sorte que vous pouvez cibler de cette façon:

par exemple:
Masquer les numéros du jour,
ajouter le CSS:

.fc-other-month .fc-day-number { display:none;}

"ou" exécuter " JavaScript:

$(".fc-other-month .fc-day-number").hide()

Aucune des solutions prévues sur cette réponse résoudre correctement le problème avec la version actuelle de FullCalendar. À l'aide de Bascht de répondre en tant que point de départ, j'ai mis à jour son approche la plus récente de la FullCalendar Api. Ci-dessous exemple de code qui va accomplir cette tâche:

eventRender: function (event, element) {
    var eventDate = event.start;
    var calendarDate = $('#activitiesCalendar').fullCalendar('getDate');
    if (eventDate.get('month') !== calendarDate.get('month')) {
        return false;
    }
}

pour la version 2.0 ou supérieur:

eventRender: function (event, element, view) {
   if(event.start._d.getMonth() !== $('calendar').fullCalendar('getDate')._d.getMonth()) { 
      return false; 
    }
}

//if you want to remove other month's days from view add to css:
    .fcc-other-month { 
        visibility:hidden;
     }

Pour une version plus récente du plugin FullCalendar, les ouvrages suivants, en utilisant Moment.js des fonctions d'assistance:

eventRender: function(event, element, view){
var evStart = moment(view.intervalStart).subtract(1, 'days');
var evEnd = moment(view.intervalEnd).subtract(1, 'days');
if (!event.start.isAfter(evStart) ||
event.start.isAfter(evEnd)) { return false; }
},

Aide de l'événement rendu, et une fonction de rappel a résolu mon problème .Parfaitement cacher précédente et le mois prochain les événements de la vue actuelle

eventRender: function(event, element, view) {
                        if (view.name == "month") {
                            if (event.start._i.split("-")[1] != getMonthFromString(view.title.split(" ")[0])) {
                                return false;
                            }
                        }
                    }

function getMonthFromString(mon) {
            var d = Date.parse(mon + "1, 2016");
            if (!isNaN(d))
                return new Date(d).getMonth() + 1;
            return -1;
        }

Espère que cela aide

vous pouvez essayer ce clientOptions 'showNonCurrentDates' => false, and 'fixedWeekCount' => false,

Ce code me permet de cacher les jours du mois précédent et le mois prochain, mais les cellules de thouse jours reste:
Essayez d'utiliser Fullcalendar Doc

<?= $JSCode = <<<EOF
function(event, element, view) {
if(event.nonstandard.status =='0'){
element.find(".fc-title").css({"color": "red"});   
$('.fc-day-top[data-date="'+event.nonstandard.date+'"]').find('.fc-day-number').css({"background-color": "red", "color": "white"});                   
} else if(event.nonstandard.status == '1'){
element.find(".fc-title").css({"color": "#1ab394"});                      
$('.fc-day-top[data-date="'+event.nonstandard.date+'"]').find('.fc-day-number').css({"background-color": "#1ab394", "color": "white"});                     
}else if(event.nonstandard.status == '4' || event.nonstandard.status == '5'){
$('.fc-day-top[data-date="'+event.nonstandard.date+'"]').find('.fc-day-number').css({"background-color": "#676a6c", "color": "white"});                                          
}else if(event.nonstandard.status == '3'){
element.find(".fc-title").css({"color": "red"}); 
$('.fc-day-top[data-date="'+event.nonstandard.date+'"]').find('.fc-day-number').css({"background-color": "red", "color": "white"});                        
}else if(event.nonstandard.status == '2'){
element.find(".fc-title").css({"color": "orange"}); 
$('.fc-day-top[data-date="'+event.nonstandard.date+'"]').find('.fc-day-number').css({"background-color": "orange", "color": "white"});                        
}                           
if(event.nonstandard.working_hours) { 
var new_description =  '<strong>Total' + '    : </strong>' + event.nonstandard.working_hours + '<br/>';
element.append(new_description);  
} } EOF;
yii2fullcalendar\yii2fullcalendar::widget([
'id' => 'calendar',
'options' => [
'lang' => 'en',
'header' => [
'left' => 'prev,next today',
'center' => 'title',
'right' => 'month,agendaWeek,agendaDay'
],
],
'clientOptions' => [
'height' => 750,
'showNonCurrentDates' => false,
'language' => 'en',
'eventLimit' => true,
'selectable' => true,
'selectHelper' => true,
'droppable' => false,
'editable' => false,
'fixedWeekCount' => false,
'defaultDate' => date('Y-m-d'),
'eventRender' => new JsExpression($JSCode),
],
'events' => Url::to(['/user/myattr/jsoncalendar'])
]);
?>

$('.fc-other-month').html('');

et pour la désactivation des autres mois:

$(".fc-other-month").addClass('fc-state-disabled');