JavaScript 組み込みの日付と時刻の書式設定のサンプル コード

JavaScript 組み込みの日付と時刻の書式設定のサンプル コード

1. 基礎知識(日付オブジェクトのメソッド)

😜 getFullYear() は年を表す4桁の数字を返すために使用されます

🤣 getMonth() は月を表す数値を返しますが、戻り値は 0 (1 月) から 11 (12 月) までの整数です

😘 getDate() は特定の日を返します

😊 getHours() は時刻の時間フィールドを返します

😍 getMinutes() は時間の分フィールドを返します

😎 getSeconds() は時間の秒数を返します。戻り値は 0 から 59 までの整数です。

2. 日付の書式設定

例: 現在の時刻をフォーマットします (時間が経過しているため、結果は異なります)

コードは次のとおりです。

効果の表現:

3. 日付をフォーマットするためのカプセル化関数(後で使用するため)

コードは次のとおりです。

効果の表現:

このケースは比較的単純ですが、まだ注意が必要な点がいくつかあります。たとえば、月を取得するときは 1 を加算する必要があります。そうしないと、返される月は実際の月より 1 少なくなります。これは、コードを入力するときに注意、注意、そして慎重になる必要があることを思い出させます。

添付されているのは、日付と時刻をフォーマットするための一般的な js カプセル化関数です。

Date.prototype.format = function(fmt){
  var o = {
    "M+" : this.getMonth()+1, //月 "d+" : this.getDate(), //日 "h+" : this.getHours(), //時間 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "q+" : Math.floor((this.getMonth()+3)/3), //四半期 "S" : this.getMilliseconds() //ミリ秒};

  if(/(y+)/.test(fmt)){
    fmt = fmt.replace(正規表現$1、(this.getFullYear()+"").substr(4 - 正規表現$1.length));
  }
        
  for(var k in o){
    if(新しい正規表現("("+ k +")").test(fmt)){
      fmt = fmt.replace(
        正規表現$1、(正規表現$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));  
    }       
  }

  fmt を返します。
}

使い方は次のとおりです:

var now = new Date(); // 通常は初期化のためにミリ秒のタイムスタンプを渡します var nowStr = now.format("yyyy-MM-dd hh:mm:ss");

IV. 結論

これで、JavaScript 組み込みの日付と時刻の書式設定に関するこの記事は終了です。JavaScript 組み込みの時刻の書式設定の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • js の時刻と日付の書式設定関数の概要
  • js タイムスタンプを日付形式にフォーマットするさまざまな方法
  • javascript フォーマット日付時刻関数
  • Jsは現在の日付と時刻とフォーマットコードを取得します
  • JavaScript の日付と時刻の書式設定方法とカスタム書式設定関数の例
  • js で日付と時刻のデータをフォーマットする関数コード
  • js タイムスタンプを日付形式にフォーマットするさまざまな方法の紹介
  • js の時間と日付のフォーマットのカプセル化関数
  • JavaScript の日付と時刻のフォーマット方法の概要
  • javascript フォーマット 時刻 日付 関数 コード 123WORDPRESS.COM 改訂版

<<:  Linux コマンドを使用してオーディオ形式を変換および結合する方法

>>:  TomcatはXMLを解析し、リフレクションを通じてオブジェクトを作成します。

推薦する

Linuxシステムにおける重要なサブディレクトリの問題について話す

/etc/fstabパーティション/ディスクを自動的にマウントし、マウントするパーティション/デバイ...

埋め込みJavaScriptと外部リンクの基本的な応用方法

目次埋め込みJavaScriptと外部リンクの基本的な応用JavaScript の記述方法には、イン...

mysql 変数の使用例の分析 [システム変数、ユーザー変数]

この記事では、例を使用して MySQL 変数の使用方法を説明します。ご参考までに、詳細は以下の通りで...

MySQLはIDに適切なデータ型を選択します

目次分散IDソリューションの概要データベース自動増分IDデータベースマルチマスターモード数値セグメン...

ウェブサイトのデザイン体験のための7つの異なるカラースキーム

ウェブサイト構築におけるカラーマッチングは非常に特殊であり、ウェブサイトのテーマ、感情、雰囲気などの...

jQuery はピッカーをシミュレートしてスライド選択効果を実現します

この記事では、スライド選択効果を実現するピッカーをシミュレートするjQueryの具体的なコードを参考...

JavaScriptの再帰の詳細

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

Vue のドロップダウン ボックスのセカンダリ リンク効果を実装するためのサンプル コード

1. 成果を達成する 2. バックエンドから返されるデータ形式 「リスト」: [ { "i...

スタートアップ企業が丹念に作り上げた優れたウェブデザイン17選

スタートアップ企業は、型破りな仕事のやり方、ユニークなビジネスモデル、特徴的な製品やサービス、パーソ...

CSS Houdini でダイナミックな波効果を実現

CSS Houdini は、CSS 分野における最もエキサイティングなイノベーションとして知られてい...

MYSQL マスタースレーブ レプリケーションの知識ポイントの概要

単一の MYSQL サーバーが現在の Web サイトのトラフィックに対応できない場合の最適化ソリュー...

mysql5.7.24 バージョンのインストール手順と解凍時に発生した問題の概要

1. ダウンロード参考: 2. D:\MySQL\mysql-5.7.24 などの固定の場所に解凍し...

ウェブサイトの再設計はどの家族にとっても難しい作業です

<br />どの家庭にもそれぞれの問題があり、改訂はどの IT 企業にとっても問題の 1...

nginx を介して方向プロキシを実装するプロセスの図

この記事は主に、nginx を介して方向プロキシを実装するプロセスを紹介します。この記事のサンプル ...

MySQL の一般的な問題とアプリケーション スキルの概要

序文MySQL の日常的な開発やメンテナンスでは、パスワードの紛失やテーブルの破損など、避けられない...