JS Date Formats

JavaScript Date Formats: ISO 8601, String Parsing, & Formatting

Date string parsing converts text representations of timestamps into valid JavaScript Date instances. The standard ISO 8601 format (YYYY-MM-DDTHH:mm:ss.sssZ) is the universally accepted standard.

ISO 8601 Format Anatomy

flowchart LR
    ISO["ISO String: '2026-08-13T14:30:00.000Z'"] --> DatePart["Date: 2026-08-13"]
    ISO --> Delim["T Separator"]
    ISO --> TimePart["Time: 14:30:00.000"]
    ISO --> Zone["Z (UTC Time Indicator)"]

Date Formatting Methods Comparison

Practical Code Example

// Demonstrating Date Parsing and Intl.DateTimeFormat

// 1. Parsing Standard ISO 8601 Date String
const dateString = "2026-08-13T18:45:00Z";
const parsedDate = new Date(dateString);
console.log(`Parsed Date Instance Valid? ${!isNaN(parsedDate.getTime())}`);

// 2. Native ISO and UTC Output
console.log(`ISO Output: ${parsedDate.toISOString()}`);
console.log(`UTC Output: ${parsedDate.toUTCString()}`);

// 3. Internationalized Local Formatting (Intl.DateTimeFormat)
const usFormatter = new Intl.DateTimeFormat("en-US", {
  weekday: "long",
  year: "numeric",
  month: "long",
  day: "numeric"
});
console.log(`US Formatted Date: ${usFormatter.format(parsedDate)}`);

const bdFormatter = new Intl.DateTimeFormat("bn-BD", {
  year: "numeric",
  month: "long",
  day: "numeric"
});
console.log(`Bengali Formatted Date: ${bdFormatter.format(parsedDate)}`);

Best Practices & Gotchas

• Date Only ISO Strings ("2026-08-13") Are Parsed as UTC: In JavaScript, passing "2026-08-13" assumes UTC midnight, which may display as August 12 in western local timezones!
• Avoid Custom Parsing of Non-Standard Date Strings: Non-standard strings like "13/08/2026" rely on browser-dependent implementation heuristics. Convert non-standard strings manually before invoking new Date().
• Use Intl.DateTimeFormat for UI Formatting: Rely on native Intl.DateTimeFormat for user dates rather than manually slicing strings.

Self-Check Challenge

What is the potential trap when parsing "2026-08-13" vs "2026-08-13T00:00:00" in local client environments?