js 日付と時刻のフォーマット方法の例

js 日付と時刻のフォーマット方法の例

js 日付時刻形式

日付と時刻を指定された形式に変換します。例: YYYY-mm-dd HH:MM は 2019-06-06 19:45 を表します。

関数 dateFormat(fmt, date) {
    レットする;
    定数opt = {
        "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日 "H+": date.getHours().toString(), // 時間 "M+": date.getMinutes().toString(), // 分 "S+": date.getSeconds().toString() // 秒 // 必要に応じて、他の書式設定文字を追加し続けることができます。それらは文字列に変換する必要があります};
    (kをoptとする) {
        ret = 新しい RegExp("(" + k + ")").exec(fmt);
        (戻り){
            fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
        };
    };
    fmt を返します。
}

使用法:

date = new Date() とします
dateFormat("YYYY-mm-dd HH:MM", 日付)
>>> 2019-06-06 19:45`

日付と時刻の処理に多くの要件がある場合は、シンプルで便利な日付処理ライブラリである moment.js をお勧めします。

Moment.js の日付と時刻のフォーマット

Moment.js は、日常の開発における時間操作を容易にし、開発効率を向上させる軽量の JavaScript 時間ライブラリです。日常の開発では、通常、時間の取得、時間の設定、時間のフォーマット、時間の比較など、時間に関する以下の操作を実行します。

日付の書式設定

現在の時刻:

moment().format('YYYY-MM-DD HH:mm:ss'); //2014-09-24 23:36:09 

今日は何曜日ですか?

moment().format('d'); //3 

現在の時刻を Unix タイムスタンプに変換します。

moment().format('X'); 

相対時間

20120901は現在の日付から2年前です

moment("20120901", "YYYYMMDD").fromNow(); //2年前 

7日後の日付:

moment().add('days',7).format('YYYY 年 MM 月 DD 日'); //2014 年 10 月 1 日

9時間後の時間:

moment().add('hours',9).format('HH:mm:ss'); 

moment.js は豊富なドキュメントを提供しており、カレンダー プロジェクトなどの複雑な日付と時刻のアプリケーションの作成にも使用できます。日常の開発で最もよく使用される形式は、時間の書式設定です。以下に、必要な友人のためによく使用される形式の表を作成しました。

フォーマットコード例示する戻り値の例
先頭にゼロを付けない数字で表した月1から12
MM月を数字で表し、先頭にゼロを付ける01から12
うーん3文字の月略語1月から12月
うーん月、全文形式1月から12月
質問四半期1から4
月の日付(先頭のゼロなし) 1から31まで
DD月の日付(先頭にゼロあり) 01から31
d数字で表される曜日0から6まで、0は日曜日、6は土曜日を表します
ddd曜日を表す3文字日曜日から土曜日
dddd曜日、曜日の完全なテキスト日曜日から土曜日まで
年間の週例えば42は42週目を意味します
ええ4桁の年例: 2014 または 2000
ええ2桁の年例: 14 または 98
大文字のAM PM午前 午後
1つの小文字の am pm午前午後
HH時間、24 時間形式、先頭にゼロあり00から23
H時間、24 時間形式、先頭のゼロなし0から23
はあ時間、12 時間形式、先頭にゼロあり00から12
h時間、12 時間形式、先頭ゼロなし0から12
メートル先頭にゼロのない分0から59
んん先頭にゼロが付いた分00から59
s先頭にゼロのない秒1から59
ss先頭にゼロが付いた説明01から59
バツUnixタイムスタンプ1411572969

moment.js の詳細については、プロジェクトの公式 Web サイト (http://momentjs.com/) をご覧ください。

要約する

js の日付と時刻のフォーマットに関するこの記事はこれで終わりです。より関連性の高い js の日付と時刻のフォーマットに関するコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。皆様が今後も 123WORDPRESS.COM を応援してくれることを願っています。

以下もご興味があるかもしれません:
  • 現在の年、月、日、時、分、秒、時刻形式を取得する JS メソッド
  • js で時間をフォーマットするいくつかの方法
  • jsは現在の時刻を年-月-日、時:分:秒の実装コードにフォーマットします
  • js タイムスタンプを日付形式にフォーマットするさまざまな方法の紹介
  • js フォーマット時間の簡単な例
  • Jsは現在の日付と時刻とフォーマットコードを取得します
  • 時間をフォーマットする js メソッド
  • js の時間と日付のフォーマットのカプセル化関数
  • jsフォーマット時間の概要
  • js の時刻と日付の書式設定関数の概要
  • JS で時間をフォーマットする 5 つの方法

<<:  Windows Server 2008 R2 サーバーが理由もなく自動的に再起動する問題の解決策

>>:  MySQL エラー「すべての派生テーブルには独自のエイリアスが必要です」の解決方法

推薦する

HTML テーブル タグ チュートリアル (31): セルの幅と高さの属性 WIDTH、HEIGHT

デフォルトでは、セルの幅と高さはコンテンツに応じて自動的に調整されますが、セルの幅と高さを手動で設定...

MySQL における一般的な高度な SQL ステートメント

MySQL 高度な SQL ステートメント kgc を使用します。 テーブルlocation(Reg...

Vue ドラッグ アンド ドロップのシンプルな実装

この記事では、主に次のような Vue ドラッグ アンド ドロップの簡単な実装を紹介します。レンダリン...

CSS3入力ボックスの実装コードはGoogleログインのアニメーション効果に似ています

CSS3を使用して、Googleログインページと同様の入力ボックスをアニメーション化します。効果1 ...

MySQL ツリー構造データベース テーブル設計

目次序文1. 基本データ2. 継承駆動設計3. 左右の値のエンコーディングに基づく設計4. ツリー構...

CSSブレンドモードとSVGを使用して、製品画像の色を動的に変更します。

数日前、Codepen で @Kyle Wetton が書いた、CSS ブレンディング モードと S...

VueのVuexの4つの補助機能について

目次1. 補助機能2. 例1. mapState と mapGetters 2. mapMutati...

HTML ページに画像を挿入し、マップ インデックスを追加する方法の例

1. WEBでサポートされている画像形式: GIF: 256色を保存でき、透明色をサポートし、アニメ...

JavaScriptの再帰の詳細

目次1. 再帰とは何ですか? 2. 再帰を使って数学の問題を解く1. 1 * 2 * 3 * 4 …...

CSS 読み込み効果の実装 パックマン

えーっと、名前はただの推測です 2333序文これは練習用の CSS デモです。何か間違っている点があ...

JavaScript parseInt() と Number() の違いのケーススタディ

学習目標: parseInt() と Number() という 2 つの関数は、文字列をデータ型に変...

Nginx のインストールと設定ルールの詳細な紹介

目次1. nginxのインストールと操作(Mac OS環境) 2. nginxルールの設定3. コマ...

Docker基盤技術の適用に関する詳細な説明 名前空間Cgroup

Docker の基盤技術: Docker の基盤となる 2 つのコア テクノロジーは、名前空間とコ...

ネイティブ JavaScript を使用した Web 計算機の実装

この記事では、参考までに、計算機のWebバージョンを実装するためのJavaScriptの具体的なコー...

Linux 環境に nginx をインストールするチュートリアル

目次1. 必要な環境をインストールする //gccをインストールする yum で gcc-c++ を...