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

推薦する

ドメイン名を指定されたポートに転送するようにNginxを設定する方法

/usr/local/nginx/conf と入力する sudo cd /usr/local/ngi...

LinuxはRsync+Inotifyを使用してローカルとリモートのデータのリアルタイム同期を実現します。

0x0 テスト環境本社本番サーバーと支社バックアップサーバーはリモートデータバックアップが必要です...

電子メールの HTML ページを作成するための原則の概要

HTML メールはこのサイト上の独立したホスト ページではないため、他の誰かによってホストされていま...

HTML テーブル マークアップ チュートリアル (15): テーブル タイトル

<br />このタグを使用すると、表のタイトルを直接追加し、タイトル テキストの配置プロ...

CSS は、モバイル端末でクリックされたときに生成された要素の背景色を削除します (推奨)

クリック時に背景色を生成する要素の CSS スタイルに次のコードを追加します。 -webkit-ta...

IE6 の iframe の水平スクロール バーの解決策

状況は以下のとおりです: (PS: 赤いボックスは iframe 領域を表し、灰色の四角形は上記の ...

divの背景を透明に設定する方法の例

div の背景を透明にする一般的な方法は 2 つあります。 1. 不透明度属性を 0 ~ 1 の値に...

CentOS 7 で Apache (httpd) サービスをインストールおよびアンインストールする詳細な手順

アンインストールまず、次のコマンドを使用して、httpd サービスがインストールされているかどうか、...

TypeScript ジェネリックを簡単に説明する方法

目次概要ジェネリック医薬品とはビルドシステムジェネリック医薬品の一般的な理解ジェネリッククラスジェネ...

Linux カーネルプログラミングにおけるコンテナの of() 関数の紹介

序文Linux カーネルプログラミングでは、マクロ関数 container_of(ptr, type...

nginxとバックエンドポート間の競合の解決策

質問: Alice 管理システムを開発しているときに、すべてのバックエンド インターフェイスが最初の...

Vueは、センシティブな単語フィルタリングコンポーネントを検出するためのさまざまなアイデアを実装しています。

目次前面に書かれた要件分析 v1アイデア1: インターセプションメソッドを使用して入力ボックスの入力...

MyBatis 動的 SQL の包括的な説明

目次序文動的SQL 1. まずモジュールのディレクトリ構造を見てみましょう2. 物理モデリングと論理...

Mysqlのprepare前処理の具体的な使用法

目次1. 前処理2. 前処理塗布方法A. 例: B. 実行計画の変更を追跡するための前処理C. スト...

MySQL 結合バッファの原理

目次1. MySQL 結合バッファ2. JoinBufferCacheストレージスペースの割り当て3...