JavaScriptタイムゾーンの問題に対処するための鍵は、適切な方法を選択することです。 1.ネイティブの日付オブジェクトを使用する場合は、UTC時間に保存および転送し、提示時にユーザーのローカルタイムゾーンに変換することをお勧めします。 2。複雑なタイムゾーン操作の場合、IANAタイムゾーンデータベースをサポートし、便利なフォーマットおよび変換機能を提供するモーメントタイムゾーンを使用できます。 3.表示時間をローカライズする必要があり、サードパーティライブラリを導入したくない場合は、intl.dateTimeformatを使用できます。 4.最新の軽量ソリューションDay.jsはTimeZoneおよびUTCプラグインと組み合わせることをお勧めします。そのAPIはシンプルで優(yōu)れたパフォーマンスであり、タイムゾーン変換をサポートします。

JavaScriptのタイムゾーンの問題に対処するための鍵は、時間の基本操作と、さまざまなシナリオでタイムゾーンを正しく表示または変換する方法を理解することです。 JavaScriptネイティブのDateオブジェクトは強力ですが、デフォルトでは実行環(huán)境のローカルタイムゾーンに基づいており、クロスリージョンアプリケーションでエラーが発生しやすいです。

タイムゾーンの問題をよりよく扱うのに役立ついくつかの実用的な方法とヒントを以下に示します。

日付オブジェクトを使用する基本

JavaScriptのDateオブジェクトは、時間のために作成、フォーマット、および操作できます。ただし、「ピット」があります。出力時間は通常、ユーザーのブラウザが配置されているローカルタイムゾーンに基づいています。

 const now = new date（）;
console.log（now）; //出力は現(xiàn)地時間です

UTC時間を取得したい場合は、 .toUTCString()または.getUTCHours()およびその他の方法を使用できます。

 console.log（now.toutcstring（））; // UTC時間として表示されます

提案：

• Unified Time Standardが必要な場合は、保管と送信に常にUTC時間を使用することをお勧めします。
• ユーザーに表示される場合は、タイムゾーンに従って変換します。

Moment.jsとMoment-TimeZoneを使用して、複雑なタイムゾーンを処理します

プロジェクトが頻繁にタイムゾーンを切り替える必要がある場合、または複數のタイムゾーンを表示する必要がある場合、ネイティブの日付はより厄介です?，F(xiàn)時點では、 Moment-TimeZoneを導入することを検討できます。

インストール方法（NPM）：

 NPMインストールモーメントタイムゾーン

基本的な使用法：

 const moment = require（ 'moment-timezone'）;

//特定のタイムゾーンの現(xiàn)在の時間を取得const newYorktime = empon（）。tz（ "America/new_york"）。format（）;
console.log（newyorktime）;

利點：

• 完全なIANAタイムゾーンデータベースをサポートします
• フォーマット、解析、および変換時間を簡単にできます

知らせ：

• Moment.jsはメンテナンスモードに入り、古いプロジェクトでの使用に適しています。新しいプロジェクトの代替案を考慮することができます。

ローカライズされたディスプレイにintl.dateTimeformatを使用します

サードパーティのライブラリを導入したくなく、ユーザーのタイムゾーンと言語形式で時間を表示したい場合は、內蔵Intl.DateTimeFormatを使用できます。

 const options = {
  タイムゾーン：「アジア/上?！?、
  年：「數値」、月：「長い」、日：「數字」、
  時間：「2桁」、分：「2桁」
};

conster formatter = new intl.datetimeformat（ 'zh-cn'、options）;
console.log（formatter.format（new date（）））; //北京時間を出力します

この方法の利點は、追加の依存関係を必要とせず、ユーザーの言語習慣に自動的に適応できることです。

推奨される最新のソリューション：day.jsタイムゾーンプラグイン

day.jsはempent.jsライブラリの軽量な代替品であり、タイムゾーン機能はプラグインを介してサポートすることもできます。

インストール：

 npmインストールdayjs
NPMインストール @dayjs/plugin-timezone
NPMインストール @dayjs/plugin-utc

使用：

 const dayjs = require（ 'dayjs'）;
const utc = require（ '@dayjs/plugin-utc'）;
const timezone = require（ '@dayjs/plugin-timezone'）;

dayjs.extend（utc）;
dayjs.extend（timezone）;

const beijingtime = dayjs（）。tz（ 'asia/shanghai'）。format（）;
console.log（beijingtime）;

アドバンテージ：

• 小さいサイズ、良いパフォーマンス
• APIはシンプルで低い學習コストです
• UTCおよびタイムゾーン変換をサポートします

一般に、JavaScriptはさまざまな方法でタイムゾーンを処理し、ネイティブからサードパーティのライブラリからサードパーティのライブラリから適用されるシナリオがあります。単に現(xiàn)地時間を表示するだけの場合は、 Intl使用するだけで十分です。タイムゾーンを柔軟に制御したい場合は、Moment-TimeZoneまたはday.jsが適切な選択です。

基本的にそれだけです。

以上がJavaScriptのタイムゾーンを処理する方法は？の詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。