JavaScript Date getUTCHours() Method

What You’ll Learn

getUTCHours() returns the hour (0–23) from a Date object in UTC. This guide covers syntax, five examples, comparisons with local getters, and safe UTC time patterns.

Introduction

Servers, logs, and APIs often work in UTC. The JavaScript Date object stores one instant internally; getUTCHours() reads the hour component according to UTC, not the user’s local timezone.

If you need the hour for a greeting or clock in the user’s locale, use getHours(). Use getUTCHours() when your scheduling or reporting follows UTC boundaries.

Understanding the getUTCHours() Method

Date.prototype.getUTCHours() is a zero-argument instance method. It never mutates the original Date—it only reads the UTC hour as an integer from 0 (midnight UTC) to 23.

Pair it with getUTCMinutes(), getUTCSeconds(), and getUTCMilliseconds() for manual UTC time assembly, or use toISOString() when a full UTC string is enough.

📝 Syntax

dateObj.getUTCHours()

Parameters

• None.

Return value

• Integer 0–23 for a valid date in UTC (24-hour format).
• NaN if dateObj is an invalid Date.

Examples Gallery

Open DevTools Console (F12) or use Try-it links. Fixed UTC times use Date.UTC or ISO strings ending in Z for predictable results.

const now = new Date();
const utcHour = now.getUTCHours();

console.log("UTC hour:", utcHour);

UTC hour: 2

const afternoonUtc = new Date(Date.UTC(2026, 6, 4, 14, 30));

console.log(afternoonUtc.getUTCHours());     // 14
console.log(afternoonUtc.getUTCMinutes());   // 30

14
30

function safeGetUTCHours(date) {
  if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
    return null;
  }
  return date.getUTCHours();
}

console.log(safeGetUTCHours(new Date()));              // e.g. 2
console.log(safeGetUTCHours(new Date("not-a-date")));  // null

2
null

function formatUtcTime(date) {
  const hours = String(date.getUTCHours()).padStart(2, "0");
  const minutes = String(date.getUTCMinutes()).padStart(2, "0");
  return hours + ":" + minutes;
}

const sample = new Date(Date.UTC(2026, 6, 4, 9, 5));
console.log(formatUtcTime(sample)); // 09:05

09:05

const date = new Date("2026-06-15T20:30:00.000Z");

console.log("UTC hour:", date.getUTCHours());   // 20
console.log("Local hour:", date.getHours());    // depends on timezone

UTC hour: 20
Local hour: 2

🚀 Common Use Cases

• UTC cron jobs — run tasks at a specific UTC hour.
• Log timestamps — display UTC hour in debug panels.
• Global dashboards — bucket traffic by UTC hour.
• API windows — allow requests only during UTC business hours.
• Manual formatting — build HH:MM with UTC getters.
• Midnight UTC checks — detect daily rollover at hour 0.

📝 Notes

• getUTCHours() is UTC; use getHours() for local UI clocks.
• Returns 24-hour integers only—not AM/PM strings.
• Midnight UTC is 0, not 24.
• Invalid dates propagate NaN—validate with Number.isNaN(date.getTime()).
• Do not use hour getters alone to measure elapsed time—use getTime() subtraction.
• For full UTC strings, toISOString() is often simpler than manual getters.

💡 Best Practices