Wie ändere ich ein Feld von Vollkalender io durch HTML?

Question

Ich habe es eingerichtet wie so

$('#calendar_dash').fullCalendar({ 
    theme: true, 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'agendaDay,agendaWeek,month' 
    }, 
    height: 400, 
    defaultView: 'agendaDay', 
    defaultTimedEventDuration: '00:30:00', 
    forceEventDuration: true, 
    editable: false, 
    eventLimit: true, // allow "more" link when too many events 
    events: events, 
    eventClick: function (calEvent, jsEvent, view) { 
     if (jsEvent.url) 
      window.location = view.url; 

    } 
}); 

Aber jetzt kann sagen, dass ich die Höhe durch die Schablone modifizierbar sein will ich benutze es nenne. Wie kann ich das tun?

Wenn ich einfach bin mit ihm in dem HTML-Code wie diese

<div id="calendar_dash"></div> 

Wie kann ich eine Höhe von der Vorlage von zB 600 passieren?

Answer 1

Sie könnten ein Datenattribut auf dem div verwenden, um eine konfigurierbare Höhe weitergeben müssen:

<div id="calendar_dash" data-height="{{ calendar_height }}"></div> 

... wo calendar_height eine ganze Zahl, die Sie auf die Vorlage Kontext bestanden haben.

Dann in Ihrem JS:

var calendar_div = $('#calendar_dash'); 

calendar_div.fullCalendar({ 
    // ... 
    height: calendar_div.data("height"), 
    //... 
}); 

Möglicherweise möchten Sie diese ein wenig zu verbessern, zu einem gewissen Standard fallen zurück, wenn das Datenattribut nicht angegeben ist.