bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths
Learn/JavaScript/Objects, Classes, and Advanced Patterns
JavaScript•Objects, Classes, and Advanced Patterns

JS Temporal Arithmetic

Add and Subtract Dates Safely

The Temporal API provides methods for easy and reliable date and time arithmetic .

Add and subtract days, months, years, and time without modifying the original value.

Perform date arithmetic without DST bugs and Time Zone problems .

Temporal add() and subtract()

All temporal objects have their own add() method :

  • duration .add( duration )
  • instant .add( duration )
  • plaindate .add( duration )
  • plaintime .add( duration )
  • plainyearmonth .add( duration )
  • plainmonthday .add( duration )
  • plaindatetime .add( duration )
  • zoneddatetime .add( duration )

All temporal objects have their own subtract() method :

  • duration .subtract( duration )
  • instant .subtract( duration )
  • plaindate .subtract( duration )
  • plaintime .subtract( duration )
  • plainyearmonth .subtract( duration )
  • plainmonthday .subtract( duration )
  • plaindatetime .subtract( duration )
  • zoneddatetime .subtract( duration )

JavaScript Temporal Add

The add() method accepts a duration object as input.

Example: { days: 10 } .

It returns a new temporal object moved forward by the duration.

temporal .add( duration )

JavaScript Temporal Subtract

The subtract() method accepts a duration object as input.

Example: { days: 10 } .

It returns a new temporal object moved backward by the duration.

temporal .subtract( duration )

Both methods are immutable , returning new Temporal objects.

Date Boundaries

Add and subtract handle date boundaries

Adding one day to March 31st is April 1st.

Add Months

Temporal automatically handles different month lengths.

Example

// Create a Temporal object
const date = Temporal.PlainDate.from("2026-05-17");
const result = date.add({ months: 1 });

If the next month has fewer days, Temporal adjusts automatically.

Add Years

Adding years works correctly, even for leap years.

Example

// Create a Temporal object
const date = Temporal.PlainDate.from("2024-02-29");
const result = date.add({ years: 1 });

Temporal handles leap year adjustments automatically.

Supported Duration Units

The add() and subtract() methods accept a duration object as input.

Example: { months: 2, days: 7, hours: 1 } .

The following duration units are supported

  • years
  • months
  • weeks
  • days
  • hours
  • minutes
  • seconds
  • milliseconds
  • microseconds
  • nanoseconds

Add Multiple Units

Example

// Create any Temporal object
const myDate = Temporal.PlainDate.from('2026-05-17');
// Add multiple units
const newDate = myDate.add({ years: 1, months: 2, days: 15 });

PlainDateTime add() and subtract()

You can safely add or subtract time.

The original value does not change.

Example

// Create a PlainDateTime object
const date = Temporal.PlainDateTime.from("2026-05-17T14:30:00");
// Add and subtract time
const earlier = dateTime.subtract({ minutes: 30 });
const later = dateTime.add({ hours: 2 });

PlainDate add() and subtract()

Example

/ Create a PlainDate object
const date = Temporal.PlainDate.from("2026-05-17");
// Add and subtract time
const earlier = date.subtract({ months: 3 });
const later = date.add({ days: 10 });

Instant add() and subtract()

From a Temporal.Instant you can only add or subtract time durations (hours, minutes, seconds) but not calendar durations like months or years, as their length can vary depending on the time zone and the calendar.

Example

// Create a Temporal.Instant object
const now = Temporal.Instant.fromEpochMilliseconds(Date.now());
// Subtract 5 hours and 30 minutes
const fiveHalfHoursAgo = now.subtract({ hours: 5, minutes: 30 });

Add a Duration to Now

Example

// Create a Temporal object
const today = Temporal.Now.plainDateISO();
// Add a duration
const nextWeek = today.add({ days: 7 });

Immutable

Unlike the old Date object, Temporal objects are immutable .

All methods return a new instance without modifying the existing one.

Date Arithmetic with ZonedDateTime

ZonedDateTime handles daylight saving time (DST) safely.

Example

const start = Temporal.ZonedDateTime.from
("2026-03-29T00:00:00+01:00[Europe/Oslo]");
const nextDay = start.add({ days: 1 });

If a DST change occurs, Temporal adjusts automatically.

Compare with Date Arithmetic

JavaScript legacy Date can cause leap year errors:

Example

// Create a Date object
const start = new Date("2026-02-17");
// Add 12 days start.setDate(start.getDate() + 12);

The Result is Wrong!

2026 is not a leap year.

2026 is not divisible by 4.

The closest leap years are 2024 and 2028.

Best Practices

  • Use PlainDate for date-only arithmetic.
  • Use ZonedDateTime for time zone-aware calculations.
  • Avoid manual millisecond calculations.
  • Prefer immutable operations.

Previous

this in JavaScript Objects

Next

JavaScript Object Iterations

This chapter

Overview
123

Lessons

539m

Read time

1. JavaScript Objects2. JavaScript Temporal Tutorial3. JavaScript Loops4. JavaScript Advanced Functions5. JavaScript Objects6. JavaScript Temporal Intro7. JavaScript Iterables8. JavaScript Function Definitions9. JavaScript Object Properties10. JavaScript Temporal vs Date11. JavaScript Iterators12. JavaScript Callbacks13. JavaScript Object Methods14. JavaScript Temporal Duration15. JavaScript Generators16. The JavaScript this Keyword17. JavaScript this Keyword18. JavaScript Temporal Instant19. JavaScript Function call()20. JavaScript Display Objects21. JavaScript PlainDateTime22. JavaScript Function apply()23. JavaScript Object Constructors24. JavaScript Temporal PlainDate25. JavaScript Function bind()26. JavaScript PlainYearMonth27. Self-Invoking Functions28. JavaScript PlainMonthDay29. JavaScript Closures30. JavaScript Temporal PlainTime31. JavaScript Objects - Advanced32. JavaScript ZonedDateTime33. JavaScript Object Definitions34. JavaScript Temporal Now35. this in JavaScript Objects36. JS Temporal Arithmetic37. JavaScript Object Iterations38. JS Temporal Differences39. JavaScript Object Accessors40. JS Temporal Compare41. JavaScript Object Management42. JavaScript Temporal Conversion43. JavaScript Object Protection44. Temporal Display Formats45. JavaScript Object Prototypes46. JavaScript Temporal Mistakes47. JavaScript Classes48. Migrate from Date to Temporal49. JavaScript Class Inheritance50. Temporal Standards51. JavaScript Static Methods52. Asynchronous JavaScript53. Asynchronous Programming54. JavaScript Timeouts55. JavaScript Callbacks56. JavaScript Promises57. JavaScript async and await58. JavaScript fetch API59. Debugging Async JavaScript60. JavaScript Modules61. JavaScript Modules Export62. JavaScript Modules Import63. JS Module Namespace64. JavaScript Dynamic Modules65. JavaScript Meta Programming66. JavaScript Reflect67. JavaScript Proxy68. JavaScript Typed Arrays69. Typed Array Methods70. JavaScript ArrayBuffer71. JavaScript DataView72. JavaScript Atomics73. JavaScript HTML DOM Navigation74. JavaScript HTML DOM Elements (Nodes)75. JavaScript HTML DOM Collections76. JavaScript HTML DOM Node Lists77. JavaScript Window - The Browser Object Model78. JavaScript Window Screen79. JavaScript Window Location80. JavaScript Window History81. JavaScript Window Navigator82. JavaScript Popup Boxes83. JavaScript Timing Events84. JavaScript Cookies85. Web APIs - Introduction86. JavaScript Fetch API87. Web Geolocation API88. Web History API89. Pointer Events API90. Web Storage API91. JavaScript Validation API92. Web Workers API93. AJAX Introduction94. AJAX - The XMLHttpRequest Object95. AJAX - XMLHttpRequest96. AJAX - Server Response97. AJAX XML Example98. AJAX PHP Example99. AJAX ASP Example100. AJAX Database Example101. XML Applications102. JavaScript JSON103. JSON Syntax104. JSON vs XML105. JSON Data Types106. JSON.parse()107. JSON.stringify()108. JSON Object Literals109. JSON Array Literals110. JSON PHP111. JSON HTML112. JSONP113. JavaScript / jQuery DOM Selectors114. JavaScript / jQuery HTML Elements115. JavaScript / jQuery CSS Styles116. JavaScript / jQuery HTML DOM117. JavaScript Graphics118. HTML Canvas119. Plotly.js120. Chart.js121. Google Chart122. D3.js123. JavaScript Interview Preparation

On this page

Add and Subtract Dates SafelyTemporal add() and subtract()JavaScript Temporal AddJavaScript Temporal SubtractDate BoundariesAdd MonthsAdd YearsSupported Duration UnitsAdd Multiple UnitsPlainDateTime add() and subtract()PlainDate add() and subtract()Instant add() and subtract()Add a Duration to NowImmutableDate Arithmetic with ZonedDateTimeCompare with Date ArithmeticThe Result is Wrong!Best Practices