Vollkalender: Wie bekomme ich den ersten und letzten Tag des relevanten gesehenen Monats (und nicht die Tage der letzten Monat)

Question

Ich möchte wissen, was ist der erste Tag und der letzte Tag des Hauptmonats gesehen im Vollkalender.

hier ist die entsprechende Monatsansicht:

 events: function (start, end, timezone, callback) { //custom events function to be called every time the view changes 
      alert (start.format()); 
      alert (end.format()); 
    }, 

, wenn ich diesen Code auf diesem Monat laufe (April 2017), erhalte ich: start.format() = 2017-03- = 26 end.format() 2017.05.07 und ich möchte die folgenden Daten erhalten: starten: 2017.04.01 Ende: 2017-04-30

ist es eine Möglichkeit für ich um diese Daten in der Event-Funktion zu bekommen?

vielen Dank

ps

i die „showNonCurrentDates: false“ verwenden möchte nicht Option

Answer 1

Es gibt keinen direkten Weg, diesen Wert über die „Ereignisse“ Rückruf zu bekommen, aber Sie können Verwenden Sie eine kludgy-Problemumgehung:

Der ViewRender-Rückruf ermöglicht Ihnen den Zugriff auf das Objekt "view" der aktuellen Ansicht, das die Eigenschaften intervalStart und intervalEnd enthält (siehe https://fullcalendar.io/docs/views/View_Object/), die sich auf das Intervall beziehen, das die Ansicht darzustellen versucht. In einer Monatsansicht sind dies der Beginn und das Ende des Monats. Wenn Sie diese in Variablen mit einem höheren Gültigkeitsbereich als dem Ihres Kalenders erfassen, können Sie diese nach Bedarf in den callbacks eventsAllRender und/oder eventsAfterAllRender erneut verwenden.

var intervalStart, intervalEnd; //variables with higher scope level 

$('#calendar').fullCalendar({ 
    //...your options here... 
    viewRender: function (view, element) 
    { 
     intervalStart = view.intervalStart; 
     intervalEnd = view.intervalEnd; 
    }, 
    events: function(start, end, timezone, callback) { 
     console.log(intervalStart.format("YYYY-MM-DD")); 
     console.log(intervalEnd.format("YYYY-MM-DD")); 
     //...etc 
    } 
}); 

Beachten Sie, dass intervalEnd ist exklusiven, so dass, wenn der Monat April, wird die intervalEnd als 1. Mai gegeben.

Nachdem demonstriert, dass, obwohl es scheint, ordentlicher zu sein, nur die eingebaute showNonCurrentDates:false Option, wie in Ihrer früheren Frage zu verwenden.

Answer 2

Fügen Sie diese Einstellung hinzu showNonCurrentDates: false,. Mit dieser Einstellung werden Daten, die nicht zum aktuellen Monat gehören, nicht angezeigt. Von Ihnen Ereignisrückrufe am ersten Tag des laufenden Monats und dem ersten Tag des nächsten Monats wird als start und end bzw.

$('#calendarLoansByRequestDate').fullCalendar({ 
      // Other settings 
      showNonCurrentDates: false, 
      events: function (start, end, timezone, callback) { //custom events function to be called every time the view changes 
       alert(start.format()); 
       alert(end.format()); 
      } 
});