勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

JavaScriptで日時のフォーマットをISO 8601型とDateTime型を相互に変換する方法

  JavaScript

先日PHPで日時のフォーマットをISO 8601型とDateTime型を相互に変換する方法をメモしたが、同じようなことをJavaScriptで行いたい。調べたところバニラJSだと面倒くさいものの「Day.js」ライブラリを使用することで簡単に対応に実装できる模様。以下にソースコードをメモ。

 

Day.js

公式サイト

https://day.js.org/

ドキュメント

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

  関連記事

videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法
videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法

Web上の動画をFloatingVideo対応したいという要望を受けた。ページ上 ...

NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法
NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法

NicEdit(WYSIWYGエディタ)を設置しているサイトがあった。ページ読み ...

バニラJavaScriptで同サーバ内のCSVを読み込み、配列として取り扱う方法
バニラJavaScriptで同サーバ内のCSVを読み込み、配列として取り扱う方法

サーバ内のCSVファイルを読み込み、そのデータをサイト上で取り扱いたい。通常だと ...

Leafletにて表示されているマップを画像としてダウンロードさせる「leaflet-easyPrint」の利用方法
Leafletにて表示されているマップを画像としてダウンロードさせる「leaflet-easyPrint」の利用方法

Leafletにて何らかのボタンをクリックすると表示されているマップを画像として ...

Leafletのマップ状況をブラウザに保存し、再表示時に復元する「Leaflet.RestoreView」の利用方法
Leafletのマップ状況をブラウザに保存し、再表示時に復元する「Leaflet.RestoreView」の利用方法

Leafletのマップ状況をブラウザ(cookie等)に保存し、ページリロード時 ...