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

推薦する

HTML 5のドラフトは正式な標準にはならなかった

<br />昨日、W3C で新しいHTML 5 ドラフト (ワーキング ドラフト) が ...

Linuxシステムの入出力管理とvimの共通機能の詳細な説明

####システム内の入出力の管理#### 1. システムの入力と出力のリダイレクトを理解する入力リダ...

WMLタグの概要

構造関連タグ--------------------------------------------...

MySQL の遅いクエリ操作の例の分析 [有効化、テスト、確認など]

この記事では、MySQL のスロー クエリ操作について例を挙げて説明します。ご参考までに、詳細は以下...

MySQL の大きなデータ テーブルにフィールドを追加する方法

序文フィールドの追加は誰でもよく知っていると思います。簡単に記述できます。MySQL テーブルにフィ...

HTMLテーブルで、各セルに異なる色と幅を設定します

設定が有効にならない場合が多いため、幅や高さなどをテーブル内で直接設定しないことをお勧めします。スタ...

Vue v-model 関連の知識のまとめ

​v-model は、入力とフォーム データ間、または 2 つのコンポーネント間の双方向データ バイ...

4つのReactコンポーネントにおけるDOMスタイル設定の詳細な説明

1. インラインスタイル仮想DOMにインラインスタイルを追加するには、式を使用してスタイルオブジェク...

インライン要素とブロック要素とは何ですか?

1. インライン要素はコンテンツの幅のみを占めますが、ブロック要素はコンテンツの量に関係なく行全体を...

ポップアップウィンドウの上下中央左右と透明な背景のロックウィンドウ効果を実現する CSS

クリック後にポップアップボックスを実現し、上下左右に中央揃えし、灰色の透明マスクを追加してウィンドウ...

MySQLデータベースの基礎知識と操作のまとめ

この記事では、例を使用して、MySQL データベースの基本的な知識と操作について説明します。ご参考ま...

aタグのhref属性とonclickイベントの比較

まず、href 属性と onclick イベントの実行順序について説明します。マウスが a タグをク...

Dockeにredisをインストールする方法

1. redisイメージを検索する docker 検索 redis 2. Redisイメージをダウン...

リアルタイムクロックを実装するネイティブJS

ネイティブ JS で実装したリアルタイム クロック エフェクトを共有します。エフェクトは以下のとおり...

2つのボールが交差する粘着効果を実現するCSSサンプルコード

これは純粋に CSS のみを使用して作成されたエフェクトです。簡単に言うと、このエフェクトは画像処理...