moment.jsの時間と日付の処理の詳細な説明

moment.jsの時間と日付の処理の詳細な説明

月曜日から日曜日の時間形式の変換

(Y --- 年 M --- 月 D--- 日)

 
    : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
// 現在の月の合計日数を取得する moment().daysInMonth()

公式サイトより抜粋:

日付の書式設定

moment().format('MMMM Do YYYY, h:mm:ss a'); // 2020年5月27日午後4時47分31秒 moment().format('dddd'); // 水曜日 moment().format("MMM Do YY"); // 2020年5月27日午後4時47分31秒
moment().format('YYYY [エスケープ済み] YYYY'); // 2020 エスケープ済み 2020
moment().format(); // 2020-05-27T16:47:31+08:00

相対時間

moment("20111031", "YYYYMMDD").fromNow(); // 9年前 moment("20120620", "YYYYMMDD").fromNow(); // 8年前 moment().startOf('day').fromNow(); // 17時間前 moment().endOf('day').fromNow(); // 7時間前 moment().startOf('hour').fromNow(); // 1時間前

カレンダー時間

moment().subtract(10, 'days').calendar(); // 2020/05/17
moment().subtract(6, 'days').calendar(); // 先週の木曜日 16:47
moment().subtract(3, 'days').calendar(); // 先週の日曜日 16:47
moment().subtract(1, 'days').calendar(); // 昨日 16:47
moment().calendar(); // 今日 16:47
moment().add(1, 'days').calendar(); // 明日 16:47
moment().add(3, 'days').calendar(); // 次の土曜日 16:47
moment().add(10, 'days').calendar(); // 2020/06/06

多言語サポート

moment.locale(); // 中国
moment().format('LT'); // 16:47
moment().format('LTS'); // 16:47:31
moment().format('L'); // 2020/05/27
moment().format('l'); // 2020/5/27
moment().format('LL'); // 2020年5月27日 moment().format('ll'); // 2020年5月27日 moment().format('LLL'); // 2020年5月27日午後4時47分 moment().format('lll'); // 2020年5月27日午後6時47分
moment().format('LLLL'); // 2020年5月27日水曜日、午後4時47分 moment().format('llll'); // 2020年5月27日水曜日、午後6時47分

よく使われるものをいくつかまとめてみましたので、その使い方について詳しく知りたいと思います。以下は参考用によく使われる2つのリンクアドレスです。

1. moment.js アドレス: https://github.com/moment/moment
2. フロントエンドのオープンソース プロジェクト CDN アクセラレーション サービス。基本的にすべてのオープンソース js はここにあります: https://www.bootcdn.cn/

moment.js-時間と日付の処理の詳細説明に関するこの記事はこれで終わりです。moment.js-時間と日付の処理に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Moment.js は見逃せない素晴らしい JavaScript 日付処理ライブラリです。
  • moment.jsは、現在の日付が年の最初の週であるかどうかを簡単に取得する実装です。
  • Moment.jsは複数の同時カウントダウンを実装します
  • Moment.jsの一般的な使用方法のまとめ

<<:  MySql におけるプロセス制御関数/統計関数/グループ化クエリの使用法の分析

>>:  Webサービスのリモートデバッグとタイムアウト動作原理の分析

推薦する

mysql5.6.8 ソースコードのインストールプロセス

カーネル: [root@opop ~]# cat /etc/centos-release CentO...

Dockerイメージサイズを最適化する一般的な方法

通常、私たちが構築する Docker イメージはサイズが大きく、多くのディスク領域を占有します。コン...

MySQL で CURRENT_TIMESTAMP を使用する方法

目次CURRENT_TIMESTAMPの使用CURRENT_TIMESTAMPを使用したタイムスタン...

Nginx プロキシを使用してフロントエンドのクロスドメイン問題を解決する方法

序文Nginx (「エンジン エックス」と発音) は、リバース プロキシ、ロード バランサ、HTTP...

VMware14 に CentOS 7 をインストールするグラフィック チュートリアル

CentOS の紹介CentOS は、Red Hat Linux が提供する無料で利用できるソースコ...

Windows で MySQL 5.7.17 をインストールし、エンコードを utf8 に設定する方法

ダウンロードMySQL 公式ダウンロード、Windows (x86、64 ビット)、ZIP アーカイ...

DockerコンテナがJupyterにアクセスできない問題の解決策

このプロジェクトでは、環境を構築するために Docker コンテナを使用します。Dockerfile...

Echart Bar の 2 列チャート スタイルの最も完全な詳細な説明

目次序文インストールと設定1. Echartsをインストールする2. Echartsをグローバルに導...

MySQL InnoDB のロック機構の詳細な説明

前面に書かれたデータベースは本質的に共有リソースであるため、同時アクセスのパフォーマンスを最大化する...

JavaScript 日付ツールの概要

ユーティリティ = { /** * 死亡年ですか? * @return {Boolse} true...

Linux でローカル コンピューターとリモート サーバーのポートが接続されているかどうかを確認する方法

以下のように表示されます。 1. ssh -v -p [ポート番号] [ユーザー名]@[IPアドレス...

Ubuntu 18.04 は mysql 5.7.23 をインストールします

以前、Ubuntu 16.04 に MySQL をスムーズにインストールしました。今回、Ubuntu...

フレックスレイアウトでコンテナ内のコンテンツを維持するためのソリューションの詳細な説明

モバイル側では、フレックスレイアウトが非常に便利です。デバイスの幅に応じてコンテナの幅を自動的に調整...

純粋なJSを使用してセカンダリメニュー効果を実現します

この記事の例では、セカンダリメニュー効果を実現するためのJSの具体的なコードを参考までに共有していま...

Dockerコンテナを使用する簡単な例

目次1. イメージをプルする2. イメージを実行する3. コンテナ内でアプリケーションをテストする4...