[FullCalendar + React] 翌月、前月の日を表示させないようにする方法

Next.js
投稿日:
カテゴリー Next.js/Reactタグ

FullCalendarのReactコンポーネントで、前月、翌月の日を表示させないようにする方法について説明します。

広告

コード

FullCalendarコンポーネントの引数のshowNonCurrentDatesとfixedWeekCountにfalseを指定します。showNonCurrentDates={false}で前月、翌月の日の欄が空白になり、fixedWeekCount={false}で不要な行が非表示になります。

<FullCalendar
    // ...
    showNonCurrentDates={false}
    fixedWeekCount={false}
/>

広告