JavaScript の toLocaleString() での時間フォーマットに関する新しいアイデア

JavaScript の toLocaleString() での時間フォーマットに関する新しいアイデア

Objectオブジェクトを勉強しているときに、時間のフォーマットを簡単に実装できるtoLocaleString()メソッドを見つけました。

1. 時刻表示に関する従来の考え方

通常のアイデアは、簡単な書式設定の例のように、Date インスタンスを通じて年、月、日などを順番に取得することです。

Date.prototype.format = function(dateStr) {
    date = new Date();
    年 = date.getFullYear();
    月 = date.getMonth() + 1 とします。
    day = date.getDate().toString().padStart(2, "0"); とします。
    時間 = date.getHours();
    分を date.getMinutes() とします。
    秒を date.getSeconds() とします。
    dateStr = dateStr.replace("年", year)
        .replace("月", 月)
        .replace("日", day)
        .replace("時間", 時間)
        .replace("分", 分)
        .replace("秒", second);
    dateStr を返します。
};
 
// 上記の方法を使用する console.log(new Date().format("year-month-day")); // 2021-11-04

2. 時刻の書式設定 toLocaleString()

toLocaleString() 、オブジェクトの文字列を返すという点でtoString()に似ていますが、ローカライズされた実行環境に従って処理されます。特に、時間オブジェクトをサポートしており、特定の形式に変換できます。

// 日付、現在の時刻を出力 let date = new Date();
// これはグリニッジ標準時の形式です console.log(date.toString()); // 2021 年 11 月 4 日木曜日 10:11:35 GMT+0800 (中国標準時)
// これはローカルタイム形式です console.log(date.toLocaleString()); // 2021/11/4 10:18:08 AM


新しいブラウザ バージョンでは、ロケールとオプション パラメータがサポートされます。

date = new Date();
// 24時間制 let options = {
    年: '数値'、月: '数値'、日: '数値'、
    時間: '数値'、分: '数値'、秒: '数値'、
    時間12: 偽
};
console.log(date.toLocaleString("zh-CN", オプション)); // 2021/11/4 10:33:01


曜日を取得します:

date = new Date();
オプション = {
    平日:「長い」
};
console.log(date.toLocaleString("zh-CN", options)); // 木曜日

その他のoptionsパラメータについては、記事の最後に記載されているリンクを参照してください。

欠陥:

x 年 x 月 x 日の形式で表示したい場合、現時点では適切な記述方法はありません。比較的、toLocaleString() 関数の方が制限が厳しいと言えます。

これで、 JavaScript toLocaleString() JavaScript toLocaleString()に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript の isPrototypeOf 関数
  • JavaScriptプロトタイプチェーンの詳細な説明
  • JavaScript の構成と継承の説明
  • jsイベント委譲の詳細な説明
  • nuxt.js 複数の環境変数の設定
  • JS における for、for...in、for...of、forEach の違いと使用例
  • Javascriptはセキュリティ検証に整合性属性を使用します

<<:  HTML の空リンク href="#" と href="javascript:void(0)" の違い

>>:  CSSを使用してAndroidシステムの読み込みアニメーションを実装する

推薦する

Docker の MySQL 時間とシステム時間の不一致の問題を解決する

最近、Docker に MySQL をインストールしたところ、データベースの時刻がシステム時刻と 8...

Linux 環境に MySQL 8.0 をインストールするプロセスの紹介

目次序文1. Linux は yum ソースを変更します (MYSQL のインストールが遅い場合は試...

MySQL8.0.18 複数マスターと 1 スレーブの構成

目次1. 現実的な背景2. 合意3. マスターを構成する3.1. 起動パラメータの設定3.2. パラ...

Ubuntu 16.04にJenkinsをインストールするための詳細な手順

1. 前提条件JDKがインストールされましたecho $PATHソフトリンクを作成し、JDKのインス...

JavaScript ウェブページ入門開発詳細説明

パート3: ❤バックエンドデータ受信を見落とす3つの方法❤ (おすすめ集)パート 2: Web フォ...

Linux での umask の使用に関する詳細な説明

私は最近 Linux を学び始めました。Ma Ge の umask に関する Linux コースを読...

Vue ミックスインの詳しい説明

目次ローカルミックスイングローバル ミックスイン要約するローカルミックスイン <テンプレート&...

htmlダウンロード機能の詳しい説明

新しいプロジェクトは基本的に終了しました。フロントエンドとバックエンドを分離して統合を完了したのは初...

フローティング要素が親要素の高さを崩す原因と解決策の詳細な説明

フローティング要素は、親要素の高さを縮小します。要素を float float:left/right...

VueのID認証管理とテナント管理の詳細な説明

目次概要ボタンレベルの権限アイデンティティ認証管理R/U 権限権限の更新テナント管理テナント切り替え...

MySQL 集計関数のネストされた使用操作

目的: MySQL 集計関数のネストされた使用集計関数は直接ネストできません。例: max(coun...

mysql 5.6.23 winx64.zip インストール詳細チュートリアル

WindowsにMySQLの圧縮バージョンをインストールする方法の詳細については、以下を参照してくだ...

MySQL データ定義言語 DDL の基本ステートメント

MySQL DDL ステートメントDDL、DMLとは何ですか。 DDL はデータ定義言語であり、CR...

JavaScriptイベント実行メカニズムの深い理解

目次序文ブラウザJS非同期実行の原理ブラウザのイベントループ実行スタックとタスクキューマクロタスクと...

ウェブページのフォント設定についての簡単な説明

サイト全体のフォントを設定することは、常にシンプルでありながら難しい作業です。深く掘り下げていくと、...