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

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

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

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

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

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

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

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

提案：

• Unified Time Standardが必要な場(chǎng)合は、保管と送信に常にUTC時(shí)間を使用することをお?jiǎng)幛幛筏蓼埂?/li>
• ユーザーに表示される場(chǎng)合は、タイムゾーンに従って変換します。

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

プロジェクトが頻繁にタイムゾーンを切り替える必要がある場(chǎng)合、または複數(shù)のタイムゾーンを表示する必要がある場(chǎng)合、ネイティブの日付はより厄介です。現(xiàn)時(shí)點(diǎn)では、 Moment-TimeZoneを?qū)毪工毪长趣驐视懁扦蓼埂?/p>

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

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

基本的な使用法：

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

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

利點(diǎn)：

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

知らせ：

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

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

サードパーティのライブラリを?qū)毪筏郡胜ⅴ姗`ザーのタイムゾーンと言語(yǔ)形式で時(shí)間を表示したい場(chǎng)合は、內(nèi)蔵Intl.DateTimeFormatを使用できます。

 const options = {
  タイムゾーン：「アジア/上海」、
  年：「數(shù)値」、月：「長(zhǎng)い」、日：「數(shù)字」、
  時(shí)間：「2桁」、分：「2桁」
};

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

この方法の利點(diǎn)は、追加の依存関係を必要とせず、ユーザーの言語(yǔ)習(xí)慣に自動(dòng)的に適応できることです。

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

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

インストール：

 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はシンプルで低い學(xué)習(xí)コストです
• UTCおよびタイムゾーン変換をサポートします

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

基本的にそれだけです。

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