JavaScriptで日時のフォーマットをISO 8601型とDateTime型を相互に変換する方法
先日PHPで日時のフォーマットをISO 8601型とDateTime型を相互に変換する方法をメモしたが、同じようなことをJavaScriptで行いたい。調べたところバニラJSだと面倒くさいものの「Day.js」ライブラリを使用することで簡単に対応に実装できる模様。以下にソースコードをメモ。
Day.js
公式サイト
ドキュメント
https://day.js.org/docs/en/installation/installation
導入方法(CDN)
公式案内通り以下でCDN呼び出しできる。
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
異なるバージョンが良い場合は以下から探す。
https://cdnjs.com/libraries/dayjs
ソースコード
ISO 8601→DateTime
const date = '2024-05-30T07:56:26Z'
console.log(dayjs(date).format('YYYY-MM-DD HH:mm:ss')); //2024-05-30 16:56:26
DateTime→ISO 8601
const date = '2024-05-30 16:56:26';
console.log(dayjs(date).subtract(9, 'hour').format('YYYY-MM-DDTHH:mm:ss[Z]')); //2024-05-30T07:56:26Z
関連記事
-
-
バニラJavaScriptでリッチなセレクトメニュー(プルダウン)を実装できる「Tom Select」の利用方法
先日バニラJavaScriptでリッチなセレクトメニュー(プルダウン)を実装でき ...
-
-
jQuery Nice Selectを特定ページのみ無効にする方法
bootstrap系のテンプレートデザインを使用したサイトを構築中に、セレクトメ ...
-
-
サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法
画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...
-
-
JavaScriptの「Day.js」ライブラリで日付の比較を行う方法
JavaScriptの日時・時刻用ライブラリ「Day.js」を用いて日付の比較を ...
-
-
セレクトメニュー(プルダウン)をdisplay:none;指定してもiPhoneのみ非表示にならない問題の対応方法
セレクトメニュー(プルダウン)に対してdisplay:none;指定したりjQu ...