Momentjs-plugins

提供:Dev Guides
移動先:案内検索

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');

出力

Isocalendarのプラグイン

台湾カレンダー

次のコマンドを使用して、Node.jsでインストールできます-

npm install moment-jalaali

GitHubからmoment-taiwan.jsを取得できます。

var m = moment('190/01/01', 'tYY/MM/DD');
var c = m.twYear();

出力

プラグインGithub

日付形式プラグイン

このセクションでは、日付形式プラグインの次のタイプについて説明します-

  • Java dateformatパーサー
  • 短い日付フォーマッター
  • 日付形式の解析
  • 期間の形式
  • 期間
  • 正確な範囲

Java DateFormatパーサー

次のコマンドを使用して、Node.jsでインストールできます-

GitHubからmoment-jdateformatparser.jsを取得できます。

var m = moment().formatWithJDF("dd.MM.yyyy");

出力

プラグインformatWithJDF

短い日付フォーマッター

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);

出力

プラグイン4

サフィックス 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");

出力

正確な範囲