Как отобразить только время используя class Date?

Question

[Никита]

Здравствуйте, получая с openweather API дату и время

{weather.sys ? (<p> {Date((weather.sys.sunrise + weather.timezone) * 1000)}</p>) : null}

Выводится полностью дата и время


Пытался использовать moment но почему-то при попытке вывода время отличается.

Подскажите как используя class Date в React.js получить только часы и минуты (HH:mm)?

Мой код

import React, { Fragment } from 'react';
import { Navbar } from '../../Components/Navbar';
import axios from 'axios';
import moment from 'moment';

const API_endpoint = `https://api.openweathermap.org/data/2.5/weather?`;
const API_key = `50a38429d7746f9b127b549eef8088c3`;

export const Home = () => {
	const [details, setDetails] = React.useState(null);
	const [weather, setWeather] = React.useState([]);
	const getUserGeolocationDetails = () => {
		if (details === null) {
			fetch(
				'https://geolocation-db.com/json/6ba8ff30-456e-11ed-b55d-a515c0aa6157'
			)
				.then(response => response.json())
				.then(data => setDetails(data));

			// console.log(details);
		}
	};

	const getWeatherDetails = () => {
		let endWeather = `${API_endpoint}q=${details.city},${details.country_code}&units=metric&appid=${API_key}`;
		axios.get(endWeather).then(response => {
			setWeather(response.data);
		});
	};

	React.useEffect(() => {
		getUserGeolocationDetails();

		if (details !== null) {
			getWeatherDetails();
		}
	});

	return (
		<Fragment>
			<Navbar />
			<div className='home-wrap'>
				<div className='widget'>
					<div className='widget-item time'>
					       {weather.sys ? (
							<p>{Date((weather.sys.sunrise + weather.timezone) * 1000)}</p>
						) : null}
					</div>
				</div>
			</div>
		</Fragment>
	);
};

Comments

[Сергей Соколов]

не пытаться в одной строке изложить всё.
Создайте объект Date. Заберите из него getHours() и getMinutes(), дорисуйте им нули при необходимости.

Ну или разберитесь с Intl.DateTimeFormat – там можно в одну строку.

[Сергей Соколов]

в какой Timezone приходит время, и в какой хочется отобразить?
Может, просто(new Date(...)).toISOstring().substring(12, 17)
но это будет всегда в UTC зоне.

[Никита]

Сергей Соколов, Приходят в UTC (Сдвиг в секундах от UTC). В принципе просто хочу вывести по типу сейчас 10:00 pm

[Сергей Соколов]

Никита,

сейчас 10:00 pm

всё же зависит от часового пояса наблюдателя )
Для этого не нужен никакой API. Просто

const now = new Date();
const oo = (n) => n.toString(10).padStart(2, '0');
const time = [now.getHours(), now.getMinutes()].map(oo).join(':');
console.log(time); // 23:38 в часовом поясе компьютера, у меня на часах