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 エラー「すべての派生テーブルには独自のエイリアスが必要です」の解決方法

推薦する

CSSはラジオをクリックして2つの画像スタイルを切り替えますが、複数のラジオのうち1つだけをチェックできます。

クリックされたボタンには赤い画像スタイルを実装し、選択されていない他のボタンには灰色の画像スタイルを...

Mysql 更新マルチテーブル共同更新方法の概要

次に、2 つのテーブルを作成し、一連の SQL 文を実行します。SQL 文の実行後にテーブル内のデー...

Vueのウェブページスクリーンショット機能の詳しい説明

最近、プロジェクトで写真をアップロードする要件があるのですが、顧客がアップロードする写真のサイズがま...

Vue ElementUI で Excel ファイルを手動でサーバーにアップロードする方法の詳細な説明

目次概要プロパティ設定処理ロジック概要具体的な需要シナリオは次のとおりです。 Excel ファイルを...

MySQL でのデータベース間クエリの例

序文MySQL では、クロスデータベース クエリは主に 2 つの状況に分けられます。1 つは同じサー...

Nginxはドメイン名のアクセス方法を定義しています

最近Nginxを構築しているのですが、ドメイン名でアクセスできません。 nginx 構成ファイル n...

WeChatアプレットのスワイパードットのドットをスライダーに変更する方法

目次背景ターゲット効果アイデア成し遂げるスワイパーは変更を聞きますカスタムドットモジュール変更イベン...

JavaScript の基礎におけるデータ型の詳細な説明

目次1. データ型1.1 なぜデータ型が必要なのか? 1.2 変数のデータ型1.3 データ型の分類2...

JavaScript の条件付きアクセス属性と矢印関数の紹介

目次1. 条件付きアクセス属性2. アロー関数の紹介1. 条件付きアクセス属性?. は ES2020...

HTML で margin:0 auto を使用するとページ全体が中央に配置されない問題の解決方法

今日、jsp ページを書きました。<div style="margin:0 auto...

MySQL における KEY、PRIMARY KEY、UNIQUE KEY、INDEX の違い

タイトルで提起された問題は、段階的に分解して解決することができます。 MySQL では KEY と ...

JavaScript プロトタイプチェーンを理解するための 2 つの図

目次1. プロトタイプの関係2. プロトタイプチェーン3. 結論序文:前回の記事では、JavaScr...

Vue 親コンポーネントが子コンポーネント関数の実装を呼び出す

Vue親コンポーネントは子コンポーネントの関数を呼び出す親コンポーネントはイベントを通じて子コンポー...

MySQL データ型の詳細

目次1. 数値型1.1 数値型の分類1.1.1 浮動小数点数1.1.2 ビットタイプ1.1.3 時間...

Vueプロジェクトでvuexを使用する方法

目次Vuex とは何ですか? Vuex 使用サイクル図私のストアディレクトリvuexの例の実装要約す...