日付のフォーマット（Moment）

TypeScriptで日付をフォーマットする方法です。そろそろ標準で日付関連のフォーマット用意されてないかなぁ、と思いましたが、やはりなかったので今回は（も）Momentを利用します。

node.jsは入っている前提で、インストールはコマンドプロンプトから以下のコマンドを実行するだけです。

npm install moment --save

以下はVisual Studio 2017のプロジェクトからコマンドプロンプトを起動してインストールを実行した際の画像。

インストール時のコマンドオプションに「--save」を指定していると、package.jsonのdependenciesにインストールしたmomentの情報が追記されます。

TypeScriptで利用する際は、まずインストールしたmomentをインポートします。

import * as Moment from 'moment';

インポート文を追加したら、後は利用するだけです。

現在の日時をフォーマット。

Moment().format("YYYY-MM-DD");             // 2017-11-06
Moment().format("YYYY-MM-DD HH:mm:ss");    // 2017-11-06 09:55:20
Moment().format();                         // 2017-11-06T09:55:20+09:00

指定した日時をフォーマット。

let d1 = new Date(2017, 0, 1);
Moment(d1).format("YYYY-MM-DD");           // 2017-01-01
Moment(d1).format("YYYY-MM-DD HH:mm:ss");  // 2017-01-01 00:00:00

複数の国に対応したフォーマット。

Moment.locale("en");
Moment().format("LLL");                    // November 6, 2017 9:55 AM

Moment.locale("ja");
Moment().format("LLL");                    // 2017年11月6日 09:55

他にも色々な形式でフォーマット可能です。

• Moment.js