[FullCalendar v5] Toolbar

上部Toolbarに関する設定.

headerToolbar

タイトルとボタンの位置を定義します.

// 중앙에 prev, title, next
// 오른쪽에 today
headerToolbar: {
  start: "",
  center: "prev title next",
  end: "today",
}

あ…^^自動的に並べ替えられません.
このとき、クロム開発者ツール(F 12)でその部分のクラス名をチェックし、そのままカスタマイズしましょう!

.fc-toolbar-chunk {
  display: flex; // 일렬로 나란히
  align-items: center; // 수직 가운데 정렬
}

titleFormat

見出しのフォーマットの定義

// YYYY년 MM월
titleFormat: function(date) {
	return `${date.date.year}년 ${date.date.month + 1}월`;
}

完全コード

https://github.com/yanghyeonjin/panda-fullcalendar-v5