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

推薦する

データ URI スキームを使用して Web ページに画像を埋め込む方法の紹介

データ URI スキームを使用すると、HTML、CSS、Javascript などで使用できるインラ...

Docker基盤技術の適用に関する詳細な説明 名前空間Cgroup

Docker の基盤技術: Docker の基盤となる 2 つのコア テクノロジーは、名前空間とコ...

Vue モバイル プロジェクトでページ キャッシュを実装する方法のサンプル コード

背景モバイル デバイスでは、ページ ジャンプ間のキャッシュが必須要件です。例: ホームページ =&g...

Linux ログ内のキーワードとその前後の情報を検索する方法の例

日常業務では、ログを表示する必要がよくあります。たとえば、 tail コマンドを使用してログをリアル...

Vueでファジークエリを実装する方法の簡単な例

序文いわゆるファジークエリとは、ユーザーの完全な入力やすべての入力情報がなくてもクエリサービスを提供...

JavaScript進捗管理の詳しい説明

目次序文質問原理テスト序文プログラムを作成するときに、読み込みの進行状況やアップロードの進行状況など...

Centos7でのMySQLインストールチュートリアル

MySQLインストールチュートリアル、参考までに具体的な内容は次のとおりです。 1. ダウンロードY...

MySQL 5.7 のインストールと設定のチュートリアル

この記事では、参考までにMySQLのインストールと設定のチュートリアルを紹介します。具体的な内容は次...

vsCodeはワンクリックでvueテンプレートを生成します

1. ショートカットCtrl + Shift + Pを使用してコンソールを呼び出します 2、「スニペ...

HTML の隠しフィールドの紹介と例

基本的な構文: <input type="hidden" name=&qu...

Nginx で CDN サーバーを構築する方法の詳細な説明 (画像とテキスト)

Nginxのproxy_cacheを使用してキャッシュサーバーを構築する1: ngx_cache_...

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

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

MYSQL(電話番号、IDカード)データ非感応化の実装

1. データ感度低下の説明日常の開発ニーズでは、データの感度低下が頻繁に発生します。たとえば、ID ...

JavaScriptはイベントリスナーをイベント委任にバッチで追加します。詳細なプロセス

1. イベント委任とは何ですか?イベント委譲: イベントバブリングの特性を利用して、子要素に登録すべ...

面接官がmysqlのcharとvarcharの違いを尋ねたとき

目次charとvarcharの違いcharとvarcharの違い上記は、MySQL における cha...