2017-01-09 3 views
0

Hallo bitte helfen Sie mir damit. Ich habe einen Vollkalender in Wochenansicht entwickelt. Ich habe mehrere Ereignisse pro Tag, wo ich die Dauer der jeweiligen Veranstaltung berechnen mit:Vollkalender Wochenansicht. Anzeige der gesamten Ereignis Minuten pro Tag in der Tag-Header

var duration = moment.duration(event.end.diff(event.start)); 
    var mins = duration.asMinutes(); 
    element.find('.fc-title').append("<span class ='timeduration'>" + " " + mins + " min." + "</span>"); 

Ich würde mich freuen, wenn jemand mit zeigt mir helfen konnte, wie ich total jener Minuten pro Tag angezeigt werden können und in den Header der hängen Tag.

So zum Beispiel, wenn diese Woche am Mittwoch habe ich 2 Ereignisse und eine ist 20 Minuten lang und weitere 10 Minuten lang, möchte ich insgesamt 30 Minuten für diesen Tag neben Mittwoch sehen.

Wenn Freitag nur 1 Ereignis für 10 Minuten hat, möchte ich 10 in der Kopfzeile in der Nähe von Freitag sehen.

Dank

+0

für Montag ein neues Ereignis erstellen, die nur die Minuten für die Woche auflistet. oder verwende absolute Positionierung, um ein div über die gewünschte Stelle zu bewegen. –

Antwort

0

Ich bin nicht sicher, ob das für Sie funktionieren würde, aber Spaltennamen können mit columnFormat modifiziert werden. Hier

ist ein Link zur Dokumentation: https://fullcalendar.io/docs/text/columnFormat/

Es zeigt nur für die Zeit der Formatierung, aber Sie können Variablen hinzufügen, nur vorsichtig sein, mit Streichern, da es alles analysieren wird, die Datumsformatierung in engen Zusammenhang steht.

Beispiel:

('#calendar').fullCalendar({ 
      views: { 
      week: { // name of view 
       columnFormat: 'YYYY' + $min 
       // other view-specific options here 
      } 
      } 
}); 
Verwandte Themen