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を解析し、リフレクションを通じてオブジェクトを作成します。

推薦する

アプレットにおけるwx.getUserProfileインターフェースの具体的な使用

最近、WeChatミニプログラムは、監査ミニプログラムのwx.loginおよびwx.getUserI...

Docker、プレーヤー機能を備えたCMSオンデマンドシステムを構築

目次文章1. 機械を準備する2. Dockerをインストールする1. 依存パッケージをインストールす...

node.js チュートリアルの Util モジュールの例の詳細な説明

目次タイプ判定から始める厳格な平等エラーファーストと約束デバッグと出力タイプ判定から始めるJavaS...

Navicat を MySQL に接続するときに発生する 2059 エラーの解決方法

最近、Djangoを学習しているときにデータベースを使用する必要があったため、MySQLで使用するた...

MySQLの高性能最適化スキルの概要

データベースコマンド仕様すべてのデータベース オブジェクト名には小文字を使用し、アンダースコアで区切...

MySQL パスワードは正しいが、ローカルにログインできない -1045

MySQLパスワードは正しいが、ローカルでログインできない -1045 ユーザー 'roo...

jQuery はテーブルのページング効果を実装します

この記事では、テーブルのページング効果を実現するためのjQueryの具体的なコードを参考までに紹介し...

ファイルのアップロードの進行状況を示す React の例

目次React アップロードファイル表示の進行状況デモフロントエンドにReactアプリケーションを素...

OneProxy に基づいて MySQL の読み取り/書き込み分離と負荷分散を実装する

導入パート1: 冒頭に書いたOneProxy は、民間ソフトウェアによって完全に独立して開発された分...

LeetCode の SQL 実装 (177. 給与が N 番目に高い)

[LeetCode] 177. 最も高い給与従業員テーブルからn番目に高い給与を取得する SQL ...

MySQL 文字列連結関数 GROUP_CONCAT の詳細な説明

前回の記事では、クロステーブル更新について書きました。自分が書いた SQL を見たとき、自分がバカみ...