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

推薦する

Vuex のモジュール化と名前空間の例のデモ

1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...

WeChatミニプログラムページとコンポーネント間の情報伝達と機能呼び出し

今回は、私自身の開発経験を踏まえて、以下の観点で関連内容を解説します。ページからコンポーネントにデー...

Dockerで作成したコンテナを削除する方法

Dockerで作成したコンテナを削除する方法1. まず、docker -s -aコマンドを使用してす...

HTML特殊文字の徹底分析

HTML徹底解析(14)特殊文字 ■ よく使われる特殊文字 HTMLタグを知っていれば、特殊文字の使...

Docker可視化ツールPortainerの導入と中国語翻訳

#docker 検索#docker プルポーター1. イメージを取得した後、中国語パッケージをダウン...

Dockerはプライベートライブラリイメージを完全に削除します

まず、インターネット上の一般的な慣行を見てみましょうデフォルトでは、プライベート ライブラリはイメー...

MySQL 同期遅延が発生したときに Seconds_Behind_Master が 0 のままになる理由

目次問題の説明原理分析問題分析拡大する総括する問題の説明ユーザーはプライマリ データベースに対して変...

HTMLでは、div内のコンテンツが次のサイズを超えたときに自動的にスクロールバーが表示されるように設定します。

HTML ページでは、div 内のコンテンツが制限を超えた後に自動的にスクロール バーを表示する必要...

Dockerfile 内の予約語命令の解析処理

目次1. Dockerfile とは何ですか? 2. Dockerfile構築プロセスの分析3. D...

js におけるイベントバブリングとイベントキャプチャの簡単な分析

目次01-イベントバブリング1.1- イベントバブリングの概要1.2-イベントバブリングの利用(イベ...

Centos7 での Rsync+crontab 定期同期バックアップ

最近、社内の重要なサーバデータを定期的にストレージにバックアップし、ついでにメモしておきたい以前、W...

Nginx のタイムドログカットの詳細な説明

序文デフォルトでは、Nginx ログはファイルに書き込まれます。各ドメインのログを区別するために、通...

Centos 7 システムの Tomcat サーバーの詳細な分析

目次1. tomcatの起源1. Tomcat アプリケーションのシナリオ2. Tomcatに必要な...

デザインにおけるユーザーエクスペリエンスの背後にある8つのユーザー本能について話す

編集者注: この記事は、Teambition チームの @娄昊川 が寄稿したものです。Teambit...