Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING INTRO TO HTML & CSS BASH RUST TOOLS

Basic JavaScript

JS Tutorial JS Introduction JS Where To JS Output

JS Syntax

JS Syntax JS Statements JS Comments JS Variables JS Let JS Const JS Types

JS Operators

JS Operators JS Arithmetic JS Assignment JS Comparisons JS Conditional JS If JS If Else JS Ternary JS Switch JS Booleans JS Logical

JS Loops

JS Loops JS Loop for JS Loop while JS Break JS Continue JS Control Flow

JS Strings

JS Strings JS String Templates JS String Methods JS String Search JS String Reference

JS Numbers

JS Numbers JS Number Methods JS Number Properties JS Number Reference JS Bitwise JS BigInt

JS Functions

Function Path Function Intro Function Invocation Function Parameters Function Returns Function Arguments Function Expressions Function Arrow Function Quiz

JS Objects

Object Path Object Intro Object Properties Object Methods Object this Object Display Object Constructors

JS Scope

JS Scope JS Code Blocks JS Hoisting JS Strict Mode

JS Dates

JS Dates JS Date Formats JS Date Get JS Date Set JS Date Methods

JS Arrays

JS Arrays JS Array Methods JS Array Search JS Array Sort JS Array Iterations JS Array Reference JS Array Const

JS Sets

JS Sets JS Set Methods JS Set Logic JS Set WeakSet JS Set Reference

JS Maps

JS Maps JS Map Methods JS Map WeakMap JS Map Reference

JS Iterations

JS Loops JS Iterables JS Iterators JS Generators

JS Math

JS Math JS Math Reference JS Math Random

JS RexExp

JS RegExp JS RegExp Flags JS RegExp Classes JS RegExp Metachars JS RegExp Assertions JS RegExp Quantifiers JS RegExp Patterns JS RegExp Objects JS RegExp Methods

JS Data Types

JS Destructuring JS Data Types JS Primitive Data JS Object Types JS typeof JS toString JS Type Conversion

JS Errors

JS Errors Intro JS Errors Silent JS Error Statements JS Error Object

JS Debugging

Debugging Intro Debugging Console Debugging Breakpoints Debugging Errors Debugging Async Debugging Reference

JS Conventions

JS Style Guide JS Best Practices JS Mistakes JS Performance

JS References

JS Statements JS Reserved Keywords JS Operators JS Precedence

JS Versions

JS 2026 JS 2025 JS 2024 JS 2023 JS 2022 JS 2021 JS 2020 JS 2019 JS 2018 JS 2017 JS 2016 JS Versions JS 2015 (ES6) JS 2009 (ES5) JS 1999 (ES3) JS IE / Edge JS History

JS HTML

JS HTML DOM JS Events JS Projects New

JS Advanced

JS Temporal  New JS Functions JS Objects JS Classes JS Asynchronous JS Modules JS Meta & Proxy JS Typed Arrays JS DOM Navigation JS Windows JS Web APIs JS AJAX JS JSON JS jQuery JS Graphics JS Examples JS Reference


JavaScript Temporal

What is JavaScript Temporal?

Temporal is the new standard for date and time in JavaScript.

New Temporal objects was designed to replace the old Date object.

Unlike legacy Date, Temporal objects are immutable and provide first-class support for time zones, daylight saving time, date arithmetic and non-Gregorian calendars.

Temporal Overview

JavaScript Temporal are built-in date and time objects that are easier and safer to use than Date.

Temporal separates date and time into distinct classes to prevent "wall-clock" errors.

Temporal Map

Why Was Temporal Created?

The Date object was created in 1995 and has some design issues that still cause bugs today.

For example, months in Date are zero-based, which is confusing.

Example

let d = new Date(2026, 5, 17); // Month 5 = June
Try it Yourself »

Another problem is that many Date methods change the same object (mutation), which can create unexpected results.

Example

// Create a Date
let d = new Date(2026, 5, 17);

// Add 7 days
d.setDate(d.getDate() + 7);

// Here the original date (d) is lost
Try it Yourself »

Temporal was created to solve these issues with clearer object types and predictable behavior.


A Simple Temporal Example

With Temporal, you can get today's date and add days in a clear and safe way.

Example

// Create a Temporal object
const today = Temporal.Now.plainDateISO();

// Add a duration
const nextWeek = today.add({ days: 7 });
Try it Yourself »

Compare With Date

With JavaScript Date, you only get one type of date object.

Date Example

let d = new Date();
Try it Yourself »

Temporal gives you separate types depending on what you need.

  • Instant - Exact moment in UTC.

  • PlainDate - Date only.

  • PlainDateTime - Date and time without zone.

  • ZonedDateTime - Date and time with zone.


When to Use Each Method

  • Use Instant for timestamps and comparisons.

  • Use plainDate for birthdays and calendar dates.

  • Use plainDateTime for local scheduling.

  • Use ZonedDateTime for international or time zone-aware applications.



Temporal Dates are Immutable

In the example above, notice that today is not changed.

Temporal returns a new value instead of modifying the existing one.

Temporal objects are immutable, which means they cannot be changed after they are created.


Temporal Dates are DST-Safe

DST-safe arithmetic ensures time calculations (addition and subtraction) remain accurate across Daylight Saving Time (DST) transitions, preventing 1-hour errors.

It involves using timezone and calendar-aware objects (ZonedDateTime) that understand local clock shifts.


Temporal Dates Uses RFC 5545

RFC 5545, titled iCalendar (Internet Calendaring and Scheduling Core Object Specification), is the industry standard for exchanging calendar and scheduling information.

It allows different systems (like Google Calendar, Apple Calendar, and Microsoft Outlook) to communicate seamlessly.


JavaScript Date vs Temporal

Feature Date Temporal
Created 1995 2026
Time zone support Limited Built-in
Immutable No Yes
Date-Only Type No Yes
Time-Only Type No Yes
1-Based Months No Yes
DST safe arithmetic No Yes
RFC 5545 iCalendar No Yes
Modern API design No Yes
Precisition Milliseconds Nanoseconds

When to Use Temporal?

Use Temporal when you need reliable date and time handling.

  • You need correct time zone support

  • You need safe date arithmetic (add / subtract, since / until)

  • You need to avoid DST bugs

  • You need predictable and readable code

Note

You may still have to use JavaScript Date to support environments where Temporal is not available.


Temporal Objects

Revised March 2026

ObjectDescription
Temporal.DurationLength of time (days, hours, minutes)
Temporal.InstantExact moment in time (UTC timestamp)
Temporal.PlainDatePlain date only (year, month, day)
Temporal.PlainTimePlain time only
Temporal.PlainYearMonthPlain year and month only
Temporal.PlainMonthDayPlain month and day only
Temporal.PlainDateTimeDate and time without a time zone
Temporal.ZonedDateTimeDate and time with a time zone
Temporal.NowCurrent time (UTC timestamp)

Browser Support

Temporal is a major update to the JavaScript standard (TC39).

It is currently fully supported in Chrome, Edge, and Firefox, and is expected to reach full availability across browsers before the summer of 2026.

Chrome
144
Edge
144
Firefox
139
Safari
Opera
Jan 2026 Jan 2026 May 2025 🚫 🚫

Opera and Safari Support

Opera support will probably appear 1-3 browser cycles after Chromium, which often means a few months later.

The implementation is actively in development and can be tested today in Safari Technology Preview by enabling the --use-temporal runtime flag.

Polyfill

Until Opera and Safari supports Temporal natively, you can use the official polyfill:

<script
src="https://cdn.jsdelivr.net/npm/@js-temporal/polyfill/dist/index.umd.js">
</script>

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookies and privacy policy.

Copyright 1999-2026 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

-->