Добавить дату к часам в нескольких часовых поясах [решено] - PullRequest
0 голосов
/ 22 октября 2019

Мне нужна помощь о том, как добавить текущую дату для часовых поясов X, Y, Z.

JavaScript:

const clocks = document.getElementsByClassName("clock");

function updateClocks() {
  for (let clock of clocks) {
    let timezone = clock.dataset.timezone;
    let time = new Date().toLocaleTimeString("en-US", {
      hour: '2-digit',
      minute: '2-digit',
      timeZone: timezone
    });
    clock.textContent = time;
  }
}

// Update every minute:
setInterval(updateClocks, 60000);
updateClocks();

HTML

<span class="clock" data-timezone="Europe/London">05:55 PM</span>
<span class="clock" data-timezone="Asia/Seoul">08:55 AM</span>

Я получаю время без проблем, но я не могу понять, как установить текущую дату для этих часовых поясов.

Большое спасибо.

РЕДАКТИРОВАТЬ Наконец-то понял это

 const clocks = document.getElementsByClassName("clock");

function updateClocks() {
    for (let clock of clocks) {
        let timezone = clock.dataset.timezone;
        let time = new Date().toLocaleString("en-US", {

            weekday: "long",
              month: "short",
            hour: '2-digit',
            minute: '2-digit',
            second: '2-digit',
            timeZone: timezone
        });
        clock.textContent = time;

    }

}

просто нужно было добавить день недели: "длинный", месяц: "короткий",

выход: октябрь среда, 05:38:17

Спасибо всем!

Ответы [ 3 ]

0 голосов
/ 22 октября 2019

Я рекомендую вам прочитать эту страницу PHP https://www.php.net/manual/en/book.datetime.php

0 голосов
/ 22 октября 2019

Используйте код ниже:

const getColonTimeFromDate = date => date.toTimeString().slice(0, 8);

getColonTimeFromDate(new Date());
0 голосов
/ 22 октября 2019
new Date()

Объект возвращает текущее время.

...