FullCalendar Custom/Override Header-Titel

Möchte ich ändern titleFormat von meinem Kalender.

Derzeit, der Titel ist in einem h2-tag und wir können nicht Personalisieren Sie es durch hinzufügen von html-code, um die option titleFormat.
Z.B. ein span-tag auf meinem festen Wert der titleFormat (die [] gibt).

Ich würde wissen wollen, ob es möglich ist, überschreiben Sie die updateTitle Methode der Klasse Header, ohne änderung fullcalendar.js. Oder eine andere Möglichkeit.

Habe ich 2 Ansichten : Woche mit Titel, format '[Semaine] W' und Brauch einen Tag mit Titel-format "dddd D MMMM YYYY'.

Meine version von FullCalendar ist v2.3.0.

  • titleFormat sollte funktionieren, Nein? Wenn Sie ändern möchten, wie es aussieht, Einsatz von css.
  • Endlich, ich benutze meinen eigenen Kopf. Ich wollte den Titel auf mehrere Zeilen. (Semaine W) Für exemple, Aber da er(es) bringt in H2, unmöglich zu passieren, die von der css.
InformationsquelleAutor azertoff | 2015-04-30
  1. 5

    Okay, das ist nicht wirklich unterstützt, aber hier ist ein workaround. JSFiddle

    viewRender: function (view, element) {
    //The title isn't rendered until after this callback, so we need to use a timeout.
    if(view.type === "agendaWeek"){
        window.setTimeout(function(){
            $("#calendar").find('.fc-toolbar > div > h2').empty().append(
                "<div>"+view.start.format('MMM Do [to]')+"</div>"+
                "<div>"+view.end.format('MMM Do')+"</div>"
            );
        },0);
    }else if(view.type === "agendaDay"){
        window.setTimeout(function(){
            $("#calendar").find('.fc-toolbar > div > h2').empty().append(
                "<div>"+view.start.format('dddd D MMMM YYYY')+"</div>"
            );
        },0);
    }
},

    Ich weiß nicht, ob es das stabilste, was in der Welt aber, im schlimmsten Fall, könnte es einen leichten glitch-ästhetik manchmal (wie bei der neuen FC-version veröffentlicht wird.).

    InformationsquelleAutor slicedtoad
  2. -1

    Einfache Weise zu überschreiben, die anzeigen.Titel innerhalb der viewRender Veranstaltung: 

    ...
,
header: {
  center: 'title',
},
viewRender: function(view, element) {
  view.title = 'Your Custom Title';
},
...
    InformationsquelleAutor Jorgen
Schreibe einen Kommentar