我有以下填充世界時區的陣列串列
我如何根據用戶選擇的內容獲得實際時間。
如果用戶選擇第一個選項(UTC-12:00) International Date Line West我如何獲得當前時間？
uj5u.com熱心網友回復：
您可以使用 獲取另一個時區的時間Moment Timezone，我們可以呼叫moment.tz(timezone)以獲取該時區的時間。但是，時刻需要一個IANA timezone并且您有一個 Windows 時區串列。
我們可以使用包進行轉換windows-iana，我創建了一個函式findIANATimezone()，可以為 Windows 時區找到相應的 IANA 時區。
在這種情況下，我們將為以下示例找到等效的 IANA 時區，然后使用 moment.tz() 獲取該時區的當前時間。
注意：我們不能簡單地添加時區的 UTC 偏移量，因為這會隨一年中的時間而變化。
// Some examples...
let timezones = [
{
"id": "Dateline Standard Time",
"name": "(UTC-12:00) International Date Line West",
},
{
"id": "Pacific Standard Time",
"name": "(UTC-08:00) Pacific Time (US & Canada)",
},
{
"id": "W. Europe Standard Time",
"name": "(UTC 01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna",
},
]
console.log(`Timezone Current Time`);
for(let timezone of timezones) {
console.log(timezone.id.padEnd(26, ' ') getCurrentTime(timezone.id).format('YYYY-MM-DD HH:mm'))
}
function getCurrentTime(timezoneId) {
let ianaTimezone = findIANATimezone(timezoneId);
if (!ianaTimezone) {
return null;
}
return moment.tz(ianaTimezone);
}
function findIANATimezone(id) {
const timeZones = [
{ id: 'Dateline Standard Time', iana: 'Etc/GMT 12' },
{ id: 'Samoa Standard Time', iana: 'Pacific/Apia' },
{ id: 'Hawaiian Standard Time', iana: 'Pacific/Honolulu' },
{ id: 'Alaskan Standard Time', iana: 'America/Anchorage' },
{ id: 'Pacific Standard Time', iana: 'America/Los_Angeles' },
{ id: 'Pacific Standard Time (Mexico)', iana: 'America/Tijuana' },
{ id: 'US Mountain Standard Time', iana: 'America/Phoenix' },
{ id: 'Mountain Standard Time (Mexico)', iana: 'America/Chihuahua' },
{ id: 'Mountain Standard Time', iana: 'America/Denver' },
{ id: 'Central America Standard Time', iana: 'America/Guatemala' },
{ id: 'Central Standard Time', iana: 'America/Chicago' },
{ id: 'Central Standard Time (Mexico)', iana: 'America/Mexico_City' },
{ id: 'Canada Central Standard Time', iana: 'America/Regina' },
{ id: 'SA Pacific Standard Time', iana: 'America/Bogota' },
{ id: 'Eastern Standard Time', iana: 'America/New_York' },
{ id: 'US Eastern Standard Time', iana: 'America/Indianapolis' },
{ id: 'Venezuela Standard Time', iana: 'America/Caracas' },
{ id: 'Atlantic Standard Time', iana: 'America/Halifax' },
{ id: 'SA Western Standard Time', iana: 'America/La_Paz' },
{ id: 'Central Brazilian Standard Time', iana: 'America/Cuiaba' },
{ id: 'Pacific SA Standard Time', iana: 'America/Santiago' },
{ id: 'Newfoundland Standard Time', iana: 'America/St_Johns' },
{ id: 'E. South America Standard Time', iana: 'America/Sao_Paulo' },
{ id: 'Argentina Standard Time', iana: 'America/Buenos_Aires' },
{ id: 'SA Eastern Standard Time', iana: 'America/Cayenne' },
{ id: 'Greenland Standard Time', iana: 'America/Godthab' },
{ id: 'Montevideo Standard Time', iana: 'America/Montevideo' },
{ id: 'Azores Standard Time', iana: 'Atlantic/Azores' },
{ id: 'Cape Verde Standard Time', iana: 'Atlantic/Cape_Verde' },
{ id: 'Morocco Standard Time', iana: 'Africa/Casablanca' },
{ id: 'GMT Standard Time', iana: 'Europe/London' },
{ id: 'Greenwich Standard Time', iana: 'Atlantic/Reykjavik' },
{ id: 'UTC', iana: 'UTC' },
{ id: 'W. Europe Standard Time', iana: 'Europe/Berlin' },
{ id: 'Central Europe Standard Time', iana: 'Europe/Budapest' },
{ id: 'Romance Standard Time', iana: 'Europe/Paris' },
{ id: 'Central European Standard Time', iana: 'Europe/Warsaw' },
{ id: 'W. Central Africa Standard Time', iana: 'Africa/Lagos' },
{ id: 'Jordan Standard Time', iana: 'Asia/Amman' },
{ id: 'GTB Standard Time', iana: 'Europe/Bucharest' },
{ id: 'Middle East Standard Time', iana: 'Asia/Beirut' },
{ id: 'Egypt Standard Time', iana: 'Africa/Cairo' },
{ id: 'South Africa Standard Time', iana: 'Africa/Johannesburg' },
{ id: 'FLE Standard Time', iana: 'Europe/Kiev' },
{ id: 'Israel Standard Time', iana: 'Asia/Jerusalem' },
{ id: 'E. Europe Standard Time', iana: 'Europe/Chisinau' },
{ id: 'Namibia Standard Time', iana: 'Africa/Windhoek' },
{ id: 'Arabic Standard Time', iana: 'Asia/Baghdad' },
{ id: 'Arab Standard Time', iana: 'Asia/Riyadh' },
{ id: 'Russian Standard Time', iana: 'Europe/Moscow' },
{ id: 'E. Africa Standard Time', iana: 'Africa/Nairobi' },
{ id: 'Georgian Standard Time', iana: 'Asia/Tbilisi' },
{ id: 'Iran Standard Time', iana: 'Asia/Tehran' },
{ id: 'Arabian Standard Time', iana: 'Asia/Dubai' },
{ id: 'Azerbaijan Standard Time', iana: 'Asia/Baku' },
{ id: 'Mauritius Standard Time', iana: 'Indian/Mauritius' },
{ id: 'Caucasus Standard Time', iana: 'Asia/Yerevan' },
{ id: 'Afghanistan Standard Time', iana: 'Asia/Kabul' },
{ id: 'Ekaterinburg Standard Time', iana: 'Asia/Yekaterinburg' },
{ id: 'Pakistan Standard Time', iana: 'Asia/Karachi' },
{ id: 'West Asia Standard Time', iana: 'Asia/Tashkent' },
{ id: 'India Standard Time', iana: 'Asia/Calcutta' },
{ id: 'Sri Lanka Standard Time', iana: 'Asia/Colombo' },
{ id: 'Nepal Standard Time', iana: 'Asia/Katmandu' },
{ id: 'N. Central Asia Standard Time', iana: 'Asia/Novosibirsk' },
{ id: 'Central Asia Standard Time', iana: 'Asia/Almaty' },
{ id: 'Myanmar Standard Time', iana: 'Asia/Rangoon' },
{ id: 'SE Asia Standard Time', iana: 'Asia/Bangkok' },
{ id: 'North Asia Standard Time', iana: 'Asia/Krasnoyarsk' },
{ id: 'China Standard Time', iana: 'Asia/Shanghai' },
{ id: 'North Asia East Standard Time', iana: 'Asia/Irkutsk' },
{ id: 'Singapore Standard Time', iana: 'Asia/Singapore' },
{ id: 'W. Australia Standard Time', iana: 'Australia/Perth' },
{ id: 'Taipei Standard Time', iana: 'Asia/Taipei' },
{ id: 'Tokyo Standard Time', iana: 'Asia/Tokyo' },
{ id: 'Korea Standard Time', iana: 'Asia/Seoul' },
{ id: 'Yakutsk Standard Time', iana: 'Asia/Yakutsk' },
{ id: 'Cen. Australia Standard Time', iana: 'Australia/Adelaide' },
{ id: 'AUS Central Standard Time', iana: 'Australia/Darwin' },
{ id: 'E. Australia Standard Time', iana: 'Australia/Brisbane' },
{ id: 'AUS Eastern Standard Time', iana: 'Australia/Sydney' },
{ id: 'West Pacific Standard Time', iana: 'Pacific/Port_Moresby' },
{ id: 'Tasmania Standard Time', iana: 'Australia/Hobart' },
{ id: 'Vladivostok Standard Time', iana: 'Asia/Vladivostok' },
{ id: 'Central Pacific Standard Time', iana: 'Pacific/Guadalcanal' },
{ id: 'New Zealand Standard Time', iana: 'Pacific/Auckland' },
{ id: 'Fiji Standard Time', iana: 'Pacific/Fiji' },
{ id: 'Tonga Standard Time', iana: 'Pacific/Tongatapu' }
]
const tz = timeZones.find(tz => tz.id === id);
return tz ? tz.iana: null;
}<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://momentjs.com/downloads/moment-timezone-with-data-1970-2030.min.js"></script>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/480977.html
標籤：javascript 时区 时刻 时刻时区
上一篇：Vue在腳本中使用js來參考元素