Momentjs-plugins
MomentJS-プラグイン
プラグインは、MomentJSに追加された拡張機能です。 MomentJSはオープンソースプロジェクトであり、多くのプラグインがMomentJSに含まれています。これらのプラグインは、ユーザーによって提供され、Node.jsおよびGitHubを使用して利用できます。
この章では、MomentJSで使用できるカレンダープラグインと日付形式プラグインのいくつかについて説明します。
カレンダープラグイン
このセクションでは、* ISOカレンダーと台湾カレンダー*の2種類のカレンダープラグインについて説明します。
ISOカレンダー
次のコマンドを使用して、Node.jsでインストールできます-
npm install moment-isocalendar
GitHubからmoment-isocalendar.jsを取得できます。
例
var m = moment().isocalendar();
出力
例
var m = moment.fromIsocalendar([2018, 51, 10, 670]).format('LLLL');
出力
台湾カレンダー
次のコマンドを使用して、Node.jsでインストールできます-
npm install moment-jalaali
GitHubからmoment-taiwan.jsを取得できます。
例
var m = moment('190/01/01', 'tYY/MM/DD');
var c = m.twYear();
出力
日付形式プラグイン
このセクションでは、日付形式プラグインの次のタイプについて説明します-
- Java dateformatパーサー
- 短い日付フォーマッター
- 日付形式の解析
- 期間の形式
- 期間
- 正確な範囲
Java DateFormatパーサー
次のコマンドを使用して、Node.jsでインストールできます-
GitHubからmoment-jdateformatparser.jsを取得できます。
例
var m = moment().formatWithJDF("dd.MM.yyyy");
出力
短い日付フォーマッター
shortdateformatのJavaScriptファイルはGitHubから取得できます-
https://github.com/researchgate/moment-shortformat
構文
moment().short();
表示はここの表に示すように見えます-
From moment | From moment().short() |
---|---|
0 to 59 seconds | 0 to 59 s |
1 to 59 minutes | 1 to 59 m |
1 to 23 hours | 1h to 23h |
1 to 6 days | 1d to 6d |
>= 7 days and same year | Display will be like such as feb 3, mar 6 |
>= 7 days and diff year | Display will be like such as feb 3, 2018, mar 6, 2018 |
上記のGitHubリンクから瞬間的にスクリプトを取得できます。
例
var a = moment().subtract(8, 'hours').short();
var b = moment().add(1, 'hour').short(true);
出力
サフィックス ago または in を削除する場合は、trueをshort(truに渡すことができます。
日付形式の解析
次のコマンドを使用して、Node.jsでインストールできます-
npm install moment-parseformat
例
var a = moment.parseFormat('Friday 2018 27 april 10:28:10');
出力
出力が、parseFormatに与えられたパラメーター(日付/時刻)が何であれ、上記のように日付の形式を与えることを示していることに注意してください。
期間の形式
次のコマンドを使用して、Node.jsに期間形式をインストールできます-
期間形式のリポジトリはこちらから入手できます-https://github.com/jsmreese/moment-duration-format期間形式を使用した実例を見てみましょう-
例
var a = moment.duration(969, "minutes").format("h:mm:ss");
出力
これにより、作成された瞬間の継続時間に詳細が追加されます。
期間
次のコマンドを使用して、Node.jsに日付範囲をインストールできます-
npm install moment-range
例
window['moment-range'].extendMoment(moment);
var start = new Date(2012, 0, 15);
var end = new Date(2012, 4, 23);
var range = moment.range(start, end);
console.log(range.start._d);
console.log(range.end._d);
出力
正確な範囲
正確な範囲は、日付、時刻、および人間が読める形式で正確な日付の差を表示します。 次のコマンドを使用して、Node.jsに正確な範囲をインストールできます-
npm install moment-precise-range-plugin
例
var a = moment("1998-01-01 09:00:00").preciseDiff("2011-03-04 18:05:06");
出力