JSコードの作成方法：header {left： "title"} - Fullcalendar - 右側のサイドバーに？

Question

私は昨日ここに登録して、私はちょうど2日前にfullcalendar.io/download @ダウンロードすることを、完全なカレンダーについて少しお聞きしたかったのです。

は、私はこのように、正確に右のサイドバー

最初のコードJSに...フレーム外fullcalendarにコードのいずれかを入れたい：

$(document).ready(function() { 
$('#calendar').fullCalendar({ 
    theme: true, 
    editable: true, 
    header: { 
     left: 'title', 
     center: '', 
     right: 'today, prev,next' 
    }, 
    editable: false, 
    selectable: true, 
    eventLimit: true 
}); 

二JSコードを、次のように：

<div class="book-it-form"> 
      <form id="form1"> 
       <script type="text/javascript"> 
        $(function() { 
         if ($.cookie("book") != null && $.cookie("price") != null) { 
          var DateToday = $(document).ready(function(){ $("#calendar").fullCalendar({header: {left: "title"}}) }); 

          var data = ""; 
          data += "<div class='book-formtitle'>" + $.cookie("book") + "</div>" + "<div class='book-formprice'>" + $.cookie("price") + "</div>" + "<div class='book-list'>" + "</div>" ; 

          DateToday += ""; 

          $("#lblData").html(data); 
          $.removeCookie("book"); 
          $.removeCookie("price"); 

          $("#lblDateToday").html(DateToday); 
         } 
        }); 
       </script> 

       <span id="lblData"></span> 
       <span id="lblDateToday"></span> 
      </form> 
     </div> 

私の質問;出てくるコードは常に[オブジェクトのオブジェクト]あるので、右サイドバー上：成功した{「タイトル」左}ヘッダを発行することができ、私のjsのコードを維持するための方法を 。私はここに多くの回答を得ることを期待:)

Answer 1

あなたがgetView

var view = $('#calendar').fullCalendar('getView'); 
/* set */ 
$('#lblDateToday').html(view.title); 

でタイトルを見つけることができます please look at this picture

：詳細は、私はこのような絵

印刷画面を添付しますまた、サイドバーのテキストを確実にするためにクリックされているカレンダーのナビゲーションボタンをチェックすることをお勧めします

にも更新されます

function updateLabel() { 
    var view = $('#calendar').fullCalendar('getView'); 
    $("#lblDateToday").html(view.title); 
} 
/* may want to be more selective on the button(s) that update? */ 
$('#calendar div.fc-toolbar button').on('click', updateLabel); 

フィドル：https://jsfiddle.net/vumhmncu/