Date.toUTCString() в JavaScript — дата рядком за UTC

Загальний опис

Метод Date.prototype.toUTCString() використовується для перетворення дати в рядок у форматі UTC. Зазвичай, його використовують, коли потрібно представити дату та час у стандартному, узгодженому форматі, який не залежить від часового поясу користувача.

Цей метод корисний у випадках, коли потрібно відобразити час у загальноприйнятому форматі, незалежно від локальних налаштувань, що може бути важливим у міжнародних додатках або веб-сайтах. Його можна використовувати в різних сценаріях, наприклад, при розробці API, створенні додатків для роботи з датами, чи при відправці даних між клієнтською та серверною частиною.

Особливість методу Date.prototype.toUTCString() полягає в тому, що він повертає строкове представлення дати відповідно до міжнародного стандарту часу — UTC. Отже, незалежно від місцевого часового поясу, вивід завжди буде у форматі UTC. Для прикладу, якщо створити новий об’єкт дати в JavaScript:

let currentDate = new Date();
console.log(currentDate.toUTCString());

У результаті ви отримаєте строкове представлення currentDate у форматі UTC, наприклад, "Mon, 25 Sep 2023 16:00:00 GMT". Це значення є рядком у форматі Www, dd Mmm yyyy hh:mm:ss, де:

• Www: День тижня, три літери (наприклад, Sun, Mon).
• dd: День місяця, дві цифри, якщо потрібно, з ведучим нулем.
• Mmm: Місяць, три літери (наприклад, Jan, Feb).
• yyyy: Рік, чотири або більше цифр, якщо потрібно, з ведучими нулями.
• hh: Година, дві цифри, якщо потрібно, з ведучим нулем.
• mm: Хвилина, дві цифри, якщо потрібно, з ведучим нулем.
• ss: Секунда, дві цифри, якщо потрібно, з ведучим нулем.

Цей формат відображає дату та час у всесвітньому координованому часі (UTC) і допомагає уніфікувати представлення часу між різними системами та платформами.

Метод Date.prototype.toUTCString() є корисним при роботі з датами в мережевих застосуваннях, де синхронізація часу є важливою. Він гарантує, що дата і час будуть інтерпретовані однаково у всіх системах. Це може допомогти уникнути багатьох проблем, пов’язаних з різницею часових поясів.

Метод не приймає жодних аргументів і не модифікує оригінальний об’єкт Date. Він просто повертає новий рядок, що представляє дату та час в форматі UTC. Це відрізняє його від інших методів дати, таких як toLocaleDateString(), який повертає рядок з датою, відформатованою згідно з локальними налаштуваннями користувача.

правити

Порада

Коли ви розробляєте складні системи або додатки з високим рівнем взаємодії, використовуйте Date.prototype.toUTCString() разом з іншими технологіями і методами для синхронізації часу. Це може включати в себе використання серверного часу, протоколів NTP (Network Time Protocol) або інших технологій для точного відтворення часу в усіх компонентах системи.

автор: Bond правити

Порада

Перш ніж використовувати Date.prototype.toUTCString(), уважно перевірте, чи дійсно вам потрібен формат UTC для вашого проекту. Якщо ви працюєте з локальними проектами, інші формати дати можуть бути більш відповідними і зручними для ваших користувачів.

автор: Bond правити

Порада

Не забувайте про інші доступні методи об’єкта Date. Якщо Date.prototype.toUTCString() здається занадто громіздким або не відповідає вашим вимогам, можливо, інші методи, такі як toLocaleDateString() або toISOString(), будуть більш підходящими для вашого проекту.

автор: Bond правити

Порада

Використовуючи Date.prototype.toUTCString(), завжди перевіряйте результат, особливо якщо ваші користувачі знаходяться в різних часових поясах. Помилки в часі можуть призвести до неприємних наслідків, особливо в додатках, де час є критичним фактором.

let currentDate = new Date();
console.log(currentDate.toUTCString()); // Перевірте результат, особливо для користувачів в інших часових поясах

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

toUTCString()

Повернення

string

Повертає рядок, який представляє задану дату, використовуючи формат UTC. Якщо дата є недійсною, повертається "Invalid Date".

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12	4

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

// Створення нового об'єкта дати
let currentDate = new Date();

// Вивід дати в UTC форматі
console.log(currentDate.toUTCString()); // Приклад: "Mon, 25 Sep 2023 12:34:56 GMT"

<header>
  <h2 class="title">Date.prototype.toUTCString()</h2>
  <p class="description">Конвертує об'єкт дати в рядок, представлений у форматі UTC.</p>
</header>
<main>
  <div class="result">
    <button id="showDate">Показати поточну дату в UTC</button>
    <p id="utcDate">Тут буде показано UTC дату</p>
  </div>
</main>

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: monospace;
}

header {
  background-color: #f1f1f1;
  margin-bottom: 25px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

header h2.title {
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

header p.description {
  font-style: italic;
  color: #222;
}

.result {
  background-color: #f8f8f8;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

button {
  cursor: pointer;
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
}

button:hover {
  background-color: white;
  color: black;
}

document.getElementById('showDate').addEventListener('click', function () {
  // Створення нового об'єкта дати
  let currentDate = new Date();
  // Вивід дати в UTC форматі
  document.getElementById('utcDate').textContent = currentDate.toUTCString();
});
//# sourceURL=pen.js

// Створення об'єкта дати для певного моменту часу
let specificDate = new Date('September 26, 2023 14:00:00');

// Конвертація і вивід дати в UTC форматі
console.log(specificDate.toUTCString()); // Приклад: "Tue, 26 Sep 2023 12:00:00 GMT"