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サービスのリモートデバッグとタイムアウト動作原理の分析

推薦する

メタタグの詳しい説明(メタタグの役割)

個人のウェブサイトがどんなに素晴らしいものであっても、サイバースペースの広大な海に浮かぶ小さなボート...

v-html レンダリング コンポーネントの問題

以前 HTML を解析したことがあるので、今日は Vue ドラッグ アンド ドロップを使用して、Ku...

Vue3の一般的なAPIの使用方法の紹介

目次ライフサイクルの変化反応的な参照vue2.x では ref を使用して要素タグを取得します。vu...

Linux カーネル デバイス ドライバー proc ファイル システム ノート

/***************** * proc ファイルシステム***************...

Linux で tcpdump コマンドを使用してデータ パケットをキャプチャおよび分析する方法の詳細な説明

序文tcpdump はよく知られたコマンドライン パケット分析ツールです。 tcpdump コマンド...

MySQLスレーブのメンテナンスに関する経験の共有

序文: MySQL マスター/スレーブ アーキテクチャは、最も一般的に使用されるアーキテクチャ セッ...

Linux mysql-5.6 でルート パスワードをリセットする方法

1. MySQL サービスが起動しているかどうかを確認します。起動している場合は、MySQL サービ...

Docker 実行時にユーザーとグループを管理する方法

Docker はプロセスを中核としてシステムリソースを分離する管理ツールです。分離は、オペレーティン...

WeChatアプレットがSMSログインを実装

目次1. インターフェース効果のプレビュー2.uViewのインストール3.uViewの設定3.1 m...

Mac OS10.12 に mysql5.7.18 をインストールするチュートリアル

ウェブ全体を検索して、さまざまな落とし穴を見つけましたが、問題は解決しませんでした。ついに自分でも分...

MySQL交換パーティションの詳細な例

MySQL交換パーティションの詳細な例序文exchange パーティションを紹介する前に、まず my...

Mac OS に MySQL 5.7.20 をインストールするための詳細なグラフィックとテキストの説明

Mac OS X で TAR.GZ から MySQL 5.7 をインストールする MySQL 5.6...

VueはBaidu Mapsを使用して都市の位置特定を実現

この記事では、参考までに、Baidu Mapsを使用して都市の位置特定を実現するVueの具体的なコー...

SQL でテーブルにフィールドとコメントを追加する方法

1. フィールドを追加します。 alter table テーブル名 ADD フィールド名 タイプ;例...

MySQLパーティションテーブルは月別に分類されています

目次テーブルを作成するデータベース ファイルを表示します。入れるクエリ消去補足:Mysqlは月テーブ...