Noh | エンジニア向け情報共有コミュニティ
Signup / Login

[React] 日時選択ライブラリ比較

tailwindcss
react

投稿日: 2024/09/30

<input type="datetime-local">

Reactではないですが、Reactでも利用可能です。
Timezoneの機能は様々な要因で削除されているので、タイムゾーン付きの時刻を取得したいのであれば、別の入力と組み合わせる必要があります(詳しくはリンク先を参照)。
パッケージに頼らない実装は長期的なメリットですが、拡張性は劣ります。
個人的には有力な選択肢です。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

react-datepicker

おそらくもっともメジャーな選択肢。
日付の選択のみで時間の選択はありません。

react-tailwindcss-datepicker

ReactとTailwindcssを使用したDatePicker。
今日などを指定できるショートカットもありますし、日付範囲だけでなく単独日付の指定も可能です。
時間の指定はありません。

react-date-picker

日付選択用のパッケージだが、react-time-pickerも別パッケージとして提供していて連携させられるみたい。

MUI X Date and Time Pickers

非常に高機能なDatePicker。
日付だけでなく時間の指定も可能です。
名前の通りMUIに依存しているので、MUIを使用しているプロジェクトでは選択肢になります。

react-dates

2022年から更新されてないので選択肢から外れそう。

react-datetime

2022年から更新されてないので選択肢から外れそう。
メンテナンスが終了したMoment.jsに依存しているのも影響が大きいです。

yosi

Noh を作ってるエンジニア。

目次