JS метод Date.toUTCString()


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

Метод 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(), який повертає рядок з датою, відформатованою згідно з локальними налаштуваннями користувача.

автор: Bond

Порада

Коли ви розробляєте складні системи або додатки з високим рівнем взаємодії, використовуйте 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

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1 1 1 4 12 4
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4.4 18 4 1
Підтримка: серверні переглядачі
Переглядач Node.js Deno
0.10.0 1.0

Приклади

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

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

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

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

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

автор: Bond

У цьому прикладі ми створюємо об'єкт дати, specificDate, який представляє собою певний момент часу, вказаний у рядку 'September 26, 2023 14:00:00'. Ми використовуємо Date.prototype.toUTCString() для конвертації specificDate у рядок, що представляє дату і час у форматі UTC, та виводимо результат в консоль. Зверніть увагу, що, незважаючи на те, що час було вказано як 14:00:00, у UTC форматі час відображається як 12:00:00 GMT, оскільки UTC не враховує літній час.

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

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

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід