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

推薦する

Vueはコンピュータカメラを呼び出して写真機能を実現します

この記事の例では、コンピュータカメラを呼び出して写真機能を実現するためのvueの具体的なコードを参考...

MySQLインスタンスを安全にシャットダウンする方法

この記事では、mysqld プロセスをシャットダウンするプロセスと、MySQL インスタンスを安全か...

MySQL のダウンロードとインストールの詳細グラフィックチュートリアル

1. MySQLデータベースをダウンロードするには、公式Webサイトにアクセスしてください:http...

MySQLで偽または真を保存する方法

MySQL ブール値、偽または真を格納つまり、データベースに保存されるブール値は 0 と 1 であり...

元のPATHを上書きしてコマンドが見つからないというメッセージが表示されるコマンド失敗の問題を解決する方法

同僚から、LINUX サーバー上の多くのコマンドが (コマンドが見つかりません) というプロンプトで...

CSS3アニメーションを使用して、小さい円から大きい円に拡大し、外側に広がる効果を実現する例

序文この記事では、CSS3アニメーションを使用して、円が小さいものから大きく拡大し、外側に広がる効果...

SQL インジェクションの詳細

1. SQL インジェクションとは何ですか? SQL インジェクションは、入力パラメータに SQL ...

Docker Swarm 外部検証ロードバランシングが機能しない場合の解決策

問題の説明Centos7 をローカルにインストールして 3 つの仮想マシンを作成し、Swarm クラ...

テーブルの追加と削除の操作を実装する js

この記事の例では、テーブルを追加および削除するためのjsの具体的なコードを参考までに共有しています。...

explainコマンドがMySQLデータを変更する理由

クエリで EXPLAIN を実行するとデータベースが変更されるかどうかを尋ねられた場合、おそらく「い...

CSS のインライン スタイルに変換するソリューション (css-inline)

シーンについて話すメールを送信サードパーティのウェブサイトにHTMLを埋め込む他の編集者の記事をコピ...

react-beautiful-dnd を使用してリスト間のドラッグ アンド ドロップを実装する

目次react-beautiful-dndを選ぶ理由基本的な使い方基本概念使い方使用中に発生した問題...

Navicat PremiumでSQLファイルをインポートする方法

今日、最終プロジェクトに取り組み始めましたが、今年はMySQLデータベースを使用したため、Navic...

Linux sftp コマンドの使用法の概要

sftp は、安全なファイル転送プロトコルである Secure File Transfer Prot...

HTML ページジャンプのパラメータ渡しの問題

効果は以下のとおりです。ページジャンプボタンをクリックした後 対応する値はページ b で取得できます...