[JavaScript] 日時計算に便利なMoment.jsを使ってみる

More than 1 year has passed since last update.

JavaScript の Date クラスはやや使いづらさがあります。Moment.js を使うと、フォーマット(書式整形)や日付計算・時間計算に大変便利です。

churippu_s.png 導入

本家サイトからダウンロードするか、CDN から読み込みます。

CDN から読み込む

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/locale/ja.js"></script>

曜日を日本語表記にしたい場合は、2つ目のも導入します。

churippu_s.png 使ってみる

JavaScript
// 日本時間
var now_jpn = moment();
alert("日本時間 " + now_jpn.format("YYYY年MM月DD日(ddd) HH:mm:ss"));

// 米国太平洋時間(PST)
var now_pst = now_jpn.add(-17, "hours"); // 日本時間から17時間を引く
alert("米国太平洋時間 " + now_pst.format("YYYY年MM月DD日(ddd) HH:mm:ss"));

デモソースはこちら

(・o・ゞ いじょー。

churippu_s.png 参考URL