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
関連記事
-
-
八地方区分→都道府県→路線→駅名の連携したセレクトメニュー の実装方法
八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...
-
-
Lightboxで画像拡大時にダウンロードリンクを設置する方法
Lightboxで画像拡大時にダウンロードリンクを設置したいと要望を受けた。もち ...
-
-
Leafletで「sidebar-v2」プラグインを導入してマップ上にサイドバーを設置する方法
Leafletでマップ上にサイドバー及びサイドメニューを実装したい。調べたところ ...
-
-
横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法
横長のtableを設置し、CSSのoverflowで横スクロール可能にしてもユー ...
-
-
JavaScriptにてカラーコードのピッカーを実装できる「jscolor」の利用方法
フォームのテキストボックスにカラーコードのピッカーを実装したかった。HTMLのみ ...