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 でよく使用されるフォントサイズ、フォント単位、行の高さの詳細な説明

px(ピクセル)ピクセルという言葉は皆さんもよくご存知だと思います。次に、この単位に関するちょっとし...

MySQL InnoDB 監視 (システム層、データベース層)

MySQL InnoDB 監視 (システム層、データベース層) MySQL の監視に関しては、My...

Linux sftp コマンドの使用法

SFTPの概念sftp は、安全なファイル転送プロトコルである Secure File Transf...

HTML+CSSを使用してTG-visionホームページを作成する方法

今回はHTML+CSSレイアウトを使用して、TG-vision Shuanghui Mediaのホー...

MySQL でストアド プロシージャを作成し、データ テーブルに新しいフィールドを追加する方法の分析

この記事では、例を使用して、MySQL でストアド プロシージャを作成し、データ テーブルに新しいフ...

docker エントリポイントファイルの詳細な説明

Dockerfile を作成するときは、コンテナが起動する前に初期化構成やカスタム構成を実行するため...

自動行折り返し機能付き CSS Flex レイアウトのサンプル コード

フレックス コンテナーを作成するには、要素に display: flex プロパティを追加するだけで...

JavaScript を使用せずに HTML の a タグを無効にするには、純粋な CSS を使用します。

実際、この問題は、HTML の select タグを初めて学んだときにすでに発生していました。今日に...

zabbix 4.04 の詳細なインストール チュートリアル (CentOS 7.6 ベース)

1. インストール前の準備: 1.1 JDKをインストールするopenjdkをアンインストールする...

MySQLインデックスの詳細な分析

序文インデックスの選択はオプティマイザ段階の作業であることはわかっていますが、オプティマイザは万能で...

React Hooks に基づく小さな状態管理の詳細な説明

目次React Hooks に基づく状態共有の実装ユーザーエクスペリエンスこの記事では、主に Rea...

MySQLのパスワードを忘れた場合の対処方法

MySQL パスワードを 2 回忘れてしまいましたか?最初、私はアンインストールして再インストールす...

Docker コンテナ入門から夢中になるまで(推奨)

1. Docker とは何ですか?仮想マシンについては誰もが知っています。Windows に Li...

Kali Linux システムのバージョンを確認する方法

1. Kali Linuxシステムのバージョンを確認するコマンド: cat /etc/issue 2...