JavaScript如何根据地理坐标获取对应地点的日期及时区时间

你当前的代码始终返回本地日期有两个核心原因：

• 原生Date对象的toLocaleDateString方法在未指定timeZone参数时，默认使用用户设备的本地时区设置，和你修改的经纬度没有关联，自然不会读取对应时区的日期。
• 原生JavaScript没有内置经纬度转时区的能力，你修改的经纬度不能直接被Date对象识别使用。

方案1：已知目标地区IANA时区标识符（绝大多数天气应用场景推荐） #

你开发天气应用时，调用的天气API通常会在返回天气数据的同时，返回查询地点对应的IANA时区标识符（格式为大洲/城市，比如澳大利亚悉尼对应Australia/Sydney、纽约对应America/New_York），你直接将该字段传入toLocaleDateString的timeZone参数即可获取对应时区的日期。
修改后的代码如下：

<!-- HTML代码不变 -->
<p id="date"></p>

function getDate(targetTimeZone) {
    const shortDate = document.getElementById("date");
    const today = new Date().toLocaleDateString(undefined, {
        weekday: "long",
        month: "long",
        day: "numeric",
        timeZone: targetTimeZone // 新增时区参数
    });
    // 替换innerHTML为textContent，仅插入文本时更安全，避免XSS风险
    shortDate.textContent = today;
}

// 调用示例：获取悉尼日期
getDate('Australia/Sydney');

方案2：需要根据经纬度动态计算时区 #

如果你的场景需要自行通过经纬度计算对应时区，可以引入轻量的前端时区计算库，库内置了全球经纬度与时区的映射数据，不需要调用外部接口即可完成转换，转换得到IANA时区标识符后，再传入上述代码的timeZone参数即可。

内容的提问来源于stack exchange，提问作者PandaOlly