javascript - How To convert UTC into local time on the web with javascript? from http://openweathermap.org/
问题描述
I am building a weather app using HTML, CSS and JavaScript. I have succeed in displaying my current time but no luck displaying local time of the input city.
here is what it looks like:
Can I perhaps us getTimeZoneOffset()
somewhere? I don't seem to figure out
function displaytheResults (weather) {
let now = new Date();
let date = document.querySelector('.location .date')
date.innerText = dateBuilder(now);
}
function dateBuilder(dt) {
let months = ['January', 'Febuary', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
let days = ['Monday', 'Tuesday', 'Wednesday','Thursday', 'Friday', 'Saturday']
let date = dt.getDate();
let year = dt.getFullYear();
let day = days[dt.getDay()];
let month = months[dt.getMonth()]
return `${day} ${date} ${month} ${year}`;
}
解决方案
获得偏移值后,将其传递给此函数,以获取所需城市的时间:
function dateBuilder(city, offset) {
var date = new Date();
var utc = date.getTime() + (date.getTimezoneOffset() * 60000);
var newDate = new Date(utc + (3600000 * offset));
return `The local time in ${city} is ${newDate.toLocaleString()}`
}
推荐阅读
- android - 如何为每个列表视图项添加不同的变量
- python - 在 Python 中将 uint16 重新解释为具有 14 个小数位的定点
- asp.net - 使用 X509 证书而不安装/保存它来存储
- django - django中ImageField的属性是什么?
- javascript - 问题在 Y 轴上对行图进行排序。dc-js 行图
- c++ - 跨共享库的模板中的局部静态变量
- jquery - laravel - jquery/ajax 数据为空
- django - 尝试在 Django 管理面板中删除用户时出现编程错误
- c# - 嵌入式南希不听
- html - 如何使用 Bulma CSS 框架防止列溢出模式