FullCalendar日本語リファレンス:カスタムボタン

スポンサーリンク
Pocket
LINEで送る

ヘッダーで使用できるカスタムボタンの定義

※カスタムボタンとを使うことで、ヘッダにオリジナルのボタンを設置することができます。

$('#calendar').fullCalendar({
    customButtons: {
        myCustomButton: {
            text: 'custom!',
            click: function() {
                alert('clicked the custom button!');
            }
        }
    },
    header: {
        left: 'prev,next today myCustomButton',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    }
});

カスタムボタンには以下のプロパティがあります。

スポンサーリンク
  • text – ボタンの文字を設定します。
  • click -ボタンをクリックした時のコールバック関数を設定します。
  • iconButtonIconsを見てください。
  • themeIconthemeButtonIconsを見てください。