【React】週間カレンダーを実装できるライブラリ「react-week-calendar」

まだ実装を検討している段階ですが、良さそうなライブラリを見つけたのでご紹介。
週間カレンダーを実装できるライブラリ「react-week-calendar」です。

GitHub のページはこちらから。

birik/react-week-calendar: A flexible week calendar implemented in React.js.
https://github.com/birik/react-week-calendar

ライブラリの挙動については、こちらのデモページから確認できます。

React Week Calendar Example
https://birik.github.io/react-week-calendar/

 

まだ README.md を読むくらいしかしていないのですが、カスタマイズ性が高そうなのが良いなと思います。
現在、カレンダーは「react-scheduler」を使って実装しているのですが、週間カレンダーの時の時間が AM/PM 表記なのがちょっと気になるんですよね。
どうにかして直せないかな…と思って調査中なのですが、無理そうだったらこちらに入れ替えようかなと思っています。
また、カレンダー上部に表示される日付のフォーマットや、左部の時刻部分のフォーマットを細かく決められるのもいいなと思います。

 

以上、週間カレンダーを実装できるライブラリ「react-week-calendar」のご紹介でした。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG