正在获取JavaScript中的特定时区时间

Question

我在印度工作，我想了解欧洲/伦敦的时间详情。在下面的代码中，我给出了初始化DateTimeFormat的欧洲/伦敦时区。初始化后，我无法单独获取小时(24小时格式(、分钟和秒的时间值。

如果我尝试使用resolvedOptions((获取小时值，那么它的结果是"；2位"；。

我想以24小时格式打印小时，如">22"：12:02

有什么方法可以修改代码吗？

或者，有没有其他方法可以将时间值单独提取为小时、分钟和秒。

function getEuropeTime() {
let options = {
timeZone: 'Europe/London',
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
hour12: false,
},
formatter = new Intl.DateTimeFormat([], options);
var date = formatter.format(new Date())
var usedOptions = formatter.resolvedOptions();
console.log(usedOptions.hour);
console.log(date);
}
getEuropeTime();

Answer 1

let options = {
timeZone: 'Europe/London',
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
hour12: false,
},
formatter = new Intl.DateTimeFormat([], options);
var date=formatter.format(new Date())
var parts = formatter.formatToParts();
console.log(parts)
console.log(parts.find(c=>c.type=='hour').value);
console.log(date)

在这里，你可以检查其他部分，如分钟和秒。resolvedOptions仅返回用于格式化的选项值。有关更多详细信息，请查看此处intl.DateTimeFormat

Answer 2

您正在传递浏览器默认语言作为默认语言，所以您真的不知道时间将是什么格式。

在某些情况下，使用浏览器默认值可能是可以的，但这几乎总是不是一个好主意。页面以特定语言显示，因此日期、数字等应遵循该语言的惯例，而不是浏览器设置的任何随机语言(出于某种深不可测的原因，几乎总是在美国(。

此外，语言设置通常会覆盖选项，尤其是hour12选项。最好的(即最可靠和最稳健的(方法是使用getHours、getMinutes和

getSeconds如果您真的想使用Intl.DateTimeFormat构造函数，那么选择一种默认情况下使用所需格式的语言(CLDR项目可以提供帮助，或者只测试各种语言标记(。对它进行彻底的测试，以确保您关心的所有实现都是一致的。

function getEuropeTime(){
return new Date().toLocaleString('en', {
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false,
timeZone: 'Europe/London'
});
}
console.log(getEuropeTime());

使用格式化ToParts和手动格式化：

function getEuropeTime(d = new Date()) {
let {hour, minute, second} = new Intl.DateTimeFormat('en', {
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false,
timeZone: 'Europe/London'
}).formatToParts(d).reduce((acc, part) => {
acc[part.type] = part.value;
return acc;
}, Object.create(null));
return `${hour}:${minute}:${second}`;
}
console.log(getEuropeTime(new Date(Date.UTC(2020,12,12,15))));

请注意，伦敦实行夏令时，但欧洲部分地区不实行。此外，欧盟正在考虑完全取消夏令时，因此您可能需要重命名该功能或使用不同的IANA代表位置。