見出し画像

おすすめのJavaScriptを使ったDate・日付・日時・カレンダー系処理プラグイン9選

JavaScriptを使ってるとDate・日付・日時・カレンダー系処理は必ずやることになります。
今回はおすすめのJavaScriptを使ったDate・日付・日時・カレンダー系処理プラグイン9選をご紹介します。

exdate.js

Dateオブジェクトを拡張し、日時(年月日時分秒)を指定フォーマットに表示します。
exdate.jsを使ってDateオブジェクトの日時を指定フォーマットに表示

dateformat.js

日時や日付を指定のフォーマット(ゼロ埋め等)表示できます。
【dateformat.js】日時、日付を指定フォーマットで表示する方法

Day.js

JavaScriptのDateの機能を使わずに日時処理を簡単に表示できます。
dayjs.jsを使った日時処理

Moment.js

Day.js同様JavaScriptのDateの機能を使わずにmoment.jsを使って日時処理を簡単に表示できます。
moment.jsを使って日時処理を簡単に表示する方法

jClocksGMT.js

グリニッジ標準時から各国の時間を時計で表示できます。
jClocksGMT.jsを使ってグリニッジ標準時から各国の時間を時計で表示する方法

生年月日から逆算した現在の年齢を出す

これはプラグインを使って無いですが、JavaScriptのDateを使って生年月日から逆算して現在の年齢を表示します。
JavaScriptを使って生年月日から逆算して現在の年齢を表示する方法

UNIXタイムをフォーマット化

UNIXタイムをJavaScriptでフォーマット化した日時として表示します。UNIXタイムは色んなapiで出力されてる日時として使用されてたりします。
UNIXタイムをJavaScriptでフォーマット化した日時として表示する方法

jQuery Countdown

設定した日からのカウントダウンを表示します。
jquery.countdown.jsを使って設定日からのカウントダウンを表示する方法

FullCalendar

月・週・時間別表示に対応したカレンダープラグイン。Googleカレンダーにも対応してしてます。
JavaScriptを使った月・週・時間別表示に対応したカレンダープラグインFullCalendar

最後に

どのプログラミング言語でも日付処理は行いますが、今回はJavaScriptで行うDate・日付・日時・カレンダー系処理を簡単にするものをピックアップしてみました。
プロジェクトの要件やデザインに合わせて最適なプラグインを選んでください。
また、使用する際には公式ドキュメントを参照して適切に設定やカスタマイズを行うことをおすすめします。


※流用される場合は自己責任でお願いします。

いいなと思ったら応援しよう!