カレンダーライブラリ flatpickr.js で、月を横に複数個並べるオプション

1571 ワード
flatpickr calendar JavaScript JavaScript テキストリンク

flatpickr.js

Documentation: https://flatpickr.js.org/

flatpickr.js を使いつつ、一度に複数月を表示する

ライブラリの使い方は割愛しますが、以下オプションで設定できます。
※ すでにリリースされていますが、ドキュメントに記載がありませんでした。

{
  showMonths: 3
}

DEMO

document.querySelector(".flatpickr").flatpickr({
  inline: true,
  showMonths: 3,
});

ちなみに

jQuery UI の Datepicker でいう numberOfMonths です。