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システムの読み込みアニメーションを実装する

推薦する

Linux ipcsコマンドの使用

1. コマンドの紹介ipcs コマンドは、Linux のプロセス間通信機能の状態を報告するために使用...

MySQL開発標準と使用スキルの概要

1. 命名規則1. データベース名、テーブル名、フィールド名には小文字を使用し、アンダースコアで区切...

ローカル yum ソースの設定、国内 yum ソースの設定、epel ソースの設定を行う Linux の手順

1. ローカルyumソースを設定する1. ISOイメージをマウントする マウント -o loop /...

JavaScriptエンジンV8の実行プロセスの詳細な説明

目次1. V8ソース2. V8サービスターゲット3. V8の初期アーキテクチャIV. V8の初期アー...

Centos7.2 で mysql5.7 データベースをインストールするための詳細な手順

サーバー上の mysql はバージョン 8.0.12 でインストールされており、ローカルのものはバー...

デザイン理論:テキスト表現とユーザビリティ

<br />テキストデザインでは、通常、テキストのレイアウト、つまりテキストをより美しく...

MySQL スケジュール データベース バックアップ (フル データベース バックアップ) の実装

目次1. MySQLデータのバックアップ1.1. データをバックアップするためのmysqldumpコ...

ウェブデザインと制作におけるハイパーリンクの効果の向上

ハイパーリンクを使用すると、ページからページへ、またはサイトからサイトへ瞬時に移動できます。このよう...

HTML 学習ノート - HTML 構文の詳細な説明 (必読)

1. HTML マークアップ言語とは何ですか? HTML は、Web ページの情報を表すマークアッ...

よくある CSS エラーと解決策

コードをコピーコードは次のとおりです。 IE6 と FF の違い: background:orang...

React は入力値を取得し、2 つのメソッドの例を送信します

方法1: DOMが提供するイベントオブジェクトのターゲットイベント属性を使用して値を取得し、送信する...

Windows 10 に付属する仮想マシンのネットワークを設定するための詳細な手順 (グラフィック チュートリアル)

1. サーバー ホストをクリックし、右側の操作リストで [仮想スイッチ管理] をクリックして、仮想...

CentOS 8 システム FTP サーバーのインストールとパッシブ モードの設定の詳細なチュートリアル

目次1. 基本を理解する2. システム環境を確認する3. ftpコマンドをインストールする[オプショ...

Linux で JDK 環境を構成する方法

1. 公式ウェブサイトにアクセスして、jdk-8u162-linux-x64.tar.gzなどのLi...

MySQLデータベース入門:マルチインスタンス構成方法の詳しい説明

目次1. マルチインスタンスとは2. 複数インスタンスのインストールの準備3. MYSQLの複数イン...