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

推薦する

JavaScriptにおける評価戦略の詳細な説明

目次それを覆う栗パラメータの受け渡し値渡し共同配送要約する拡張機能 - 遅延評価私は最近、JavaS...

MySQL複合インデックスの概要

目次1. 背景2. 複合インデックスを理解する3. 左端一致原則4. フィールド順序の影響5. 単一...

クラウド サーバーを使用して CentOS システムに .NET 6.0 をインストールする

.NET SDK ダウンロード リンクhttps://dotnet.microsoft.com/do...

WebページでjQueryを参照する方法

CDN(コンテンツ配信ネットワーク)を通じて参照できます。 jQuery は Google と Mi...

Vueは小さなフォーム検証機能を実装します

この記事では、フォーム検証を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は...

Ubuntu システムにおける Mysql ERROR 1045 (28000): ユーザー root@localhost へのアクセスが拒否される問題の解決方法

最初の方法: skip-grant-tables: 非常に便利なmysql起動パラメータ非常に便利な...

タグのターゲットリンクを iframe に向ける方法

コードをコピーコードは次のとおりです。 <iframe id="myFrameId&...

Nginx 外部ネットワーク アクセス イントラネット サイト構成操作

背景:サイトはフロントエンドとバックエンドから分離されています: vue+springbootフロン...

HTMLの空リンクの役割についての簡単な説明

空のリンク:つまり、ターゲット エンドポイントとのリンクはありません。フォーマット <a hr...

mysql8.0.20 のデータディレクトリを移行する方法

mysql のデフォルトのストレージ ディレクトリは/var/lib/mysql/です。以下は、デフ...

JavaScript で虫眼鏡の特殊効果を実現

達成される効果:マウスを小さな画像の上に置くと、小さなブロックが小さな画像の上に表示され、この小さな...

新しい ECMAscript オブジェクト機能の紹介

目次1. オブジェクトのプロパティ1.1 属性表記2. プロパティ名を計算する3.オブジェクトメソッ...

MySQL インデックスのクイックガイド

MySQL インデックスの確立は、MySQL の効率的な操作にとって非常に重要です。インデックスによ...

読み取り専用と無効の微妙な違いの詳細な説明

「読み取り専用」と「無効」はどちらも、ユーザーがフォーム フィールドの内容を変更できないようにします...

nginxアクセス制御の実装例

高性能で軽量なウェブサービスソフトウェアであるNginxについて高い安定性 システムリソースの消費量...