fullcalendar ioのフィールドをhtmlで変更するにはどうすればよいですか？

Question

私はそれがとても

$('#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; 

    } 
}); 

ように設定しかし、今、私は高さが、私はそれを使用して呼び出していたテンプレートによって変更可能にしたいと言うことができます。どのように私はこれを行うことができますか？

この

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

がどのように私が言う600のテンプレートからの高さを渡すことができるように私は単純にHTMLでそれを使用していますか？

Answer 1

あなたは、設定高さ渡すdiv上のデータ属性を使用することができます。

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

... calendar_heightは、テンプレートのコンテキストに合格した整数です。あなたのJSで次に

：

var calendar_div = $('#calendar_dash'); 

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

あなたはデータ属性が指定されていない場合は、いくつかのデフォルトにフォールバックするために、このビットを強化することをお勧めします。