← Debugging Guides

阅读中文版本

Date Timezone Offset Bug — UTC vs Local Mix-up

Diagnose date off-by-one or wrong-hour bugs caused by mixing UTC methods (getUTCHours) with local methods (getHours) on Date objects.

intermediatedebuggingjsphase-16

Symptoms

  • A date displays as the previous day or wrong hour compared to the expected value.
  • Error message: (No error — date displays as previous day or wrong hour due to timezone offset)
  • Failure occurs intermittently or after a specific code path

Possible causes

  • Code uses getMonth/getDate (local) but the Date was constructed from a UTC string (new Date("2026-01-15")).
  • Server and client run in different timezones, so the same Date object renders differently.
  • Environment or runtime version mismatch introduces the defect

Diagnosis steps

Reproduce the error in a minimal isolated test case

node -e "require('./repro')"

Interpretation

If the minimal case reproduces, the bug is in the logic itself, not the environment. If not, collect environment details.

Capture the full error stack trace and identify the originating line

Set NODE_OPTIONS=--stack-trace-limit=100 and run with verbose logging

Interpretation

The first frame in user code is the trigger. Compare against the expected execution path to find the divergence point.

Inspect the values of all variables at the failure point

Add console.log / debugger / breakpoint at the line before the throw

Interpretation

Check for undefined, null, wrong type, or unexpected shape. The error message tells you what was wrong; the variables tell you why.

Root cause

Date objects store a UTC epoch internally but expose both local and UTC accessors; mixing them applies the timezone offset incorrectly.

Fix

Use consistently either UTC methods (getUTC*) with toISOString, or local methods with toLocaleDateString, never both on the same Date.

Risk note

Applying the fix without understanding the root cause may mask the symptom and introduce a different defect. Always verify with the reproduction case.

Verify the fix

Print the date in the target timezone and confirm it matches the expected value; test across timezones.

Symptom and Error Message

When running the JavaScript code, the runtime raises the following error:

(No error — date displays as previous day or wrong hour due to timezone offset)

This error indicates that a date displays as the previous day or wrong hour compared to the expected value. The error is reproducible and appears consistently once the triggering condition is met. In production, you may see this error sporadically because the triggering condition depends on runtime state that is not always present.

Root Cause Analysis

The fundamental cause is: date objects store a utc epoch internally but expose both local and utc accessors; mixing them applies the timezone offset incorrectly. Two factors converge to produce the visible error. First, code uses getmonth/getdate (local) but the date was constructed from a utc string (new date(“2026-01-15”)). Second, server and client run in different timezones, so the same date object renders differently. Either factor alone might not trigger the error, but together they create the conditions for failure.

Diagnosis Walkthrough

Start by reproducing the error in isolation. Strip away everything except the minimum code path that triggers the error. Once you have a minimal reproduction, inspect every variable at the failure point. Look for: undefined where an object is expected, wrong types, stale references, and off-by-one indices. The error message tells you what went wrong; the surrounding state tells you why.

Fix and Code Example

// Before (buggy)
// ... code that triggers the error ...

// After (fixed)
// ... corrected code with proper guard or type check ...

The fix addresses the root cause directly: use consistently either utc methods (getutc*) with toisostring, or local methods with tolocaledatestring, never both on the same date. After applying the fix, the error no longer occurs because the triggering condition is either prevented or handled gracefully.

Verification

Print the date in the target timezone and confirm it matches the expected value; test across timezones. Run the reproduction case again and confirm the error is gone. Then run the full test suite to check for regressions. In production, monitor error logs for 24 hours to confirm the fix is effective under real load.

Common Pitfalls

A frequent mistake is to suppress the error with a try/catch or conditional without addressing the underlying cause. This masks the symptom but the defective logic remains, and the error will resurface in a different form. Always fix the root cause, not just the error message. Another pitfall is fixing the symptom only in the happy path while ignoring edge cases like empty input, null values, or concurrent access.