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

JavaScript Temporal Conversion

Temporal Conversion Rules

The table below shows how Temporal types can be converted.

FromPlain DatePlain TimePlain DateTimeZoned DateTimeInstant
PlainDateNoYesNoNo
PlainTimeNoNoNoNo
PlainDateTimeYesYesYesNo
ZonedDateTimeYesYesYesYes
InstantNoNoNoYes

Conversion Methods

FromToMethod
DateInstantdate .toTemporalInstant()
PlainDatePlainTimeNone
PlainDatePlainDateTimedate .toPlainDateTime()
PlainDateZonedTimeNone
PlainDateInstantNone
PlainYearMonthPlainDateyearmonth .toPlainDate()
PlainMonthDayPlainDatemonthday .toPlainDate()
PlainDateTimePlainDatedatetime .toPlainDate()
PlainDateTimePlainTimedatetime .toPlainTime()
PlainDateTimeZonedDateTimedatetime .toZonedDateTime()
PlainDateTimeInstantNone
ZonedDateTimePlainDatezoned .toPlainDate()
ZonedDateTimePlainDateTimezoned .toPlainDateTime()
ZonedDateTimePlainTimezoned .toPlainTime()
ZonedDateTimeInstantzoned .toInstant()
InstantZonedDateTimezoned .toZonedDateTimeISO()

Legacy Date to Temporal Instant

Example

const legacyDate = new Date();
const instant = legacyDate.toTemporalInstant();

PlainDate to PlainDateTime

You might like to add a time.

Examples

const date = Temporal.PlainDate.from("2026-05-17");
const dateTime = date.toPlainDateTime();

Combine Date and Time

You can combine PlainDate and PlainTime to create a PlainDateTime object.

Example

// Create a PlainDate object
const date = Temporal.PlainDate.from("2026-05-17");
// Create a PlainTime object
const time = Temporal.PlainTime.from("14:30");
// Convert into a PlainDateTime object
const dateTime = date.toPlainDateTime(time);

PlainDateTime to PlainDate

Example

const dateTime = Temporal.PlainDateTime.from("2026-05-17T14:30");
const date = dateTime.toPlainDate();

PlainDateTime to PlainTime

Example

const dateTime = Temporal.PlainDateTime.from("2026-05-17T14:30");
const time = dateTime.toPlainTime();

PlainDateTime to ZonedDateTime

PlainDateTime does not contain a time zone.

You must provide one to create a ZonedDateTime.

Wrong

const dateTime = Temporal.PlainDateTime.from("2026-05-17T14:30");
const zoned = dateTime.toZonedDateTime();

ZonedDateTime to PlainDateTime

Example

const zoned = Temporal.ZonedDateTime.from("2026-05-17T14:30:00+02:00[Europe/Oslo]");
const dateTime = zoned.toPlainDateTime();

ZonedDateTime to PlainDate

Example

const zoned = Temporal.ZonedDateTime.from("2026-05-17T14:30:00+02:00[Europe/Oslo]");
const date = zoned.toPlainDate();

ZonedDateTime to PlainTime

Example

const zoned = Temporal.ZonedDateTime.from("2026-05-17T14:30:00+02:00[Europe/Oslo]");
const time = zoned.toPlainTime();

ZonedDateTime to Instant

Example

const zoned = Temporal.ZonedDateTime.from("2026-05-17T14:30:00+02:00[Europe/Oslo]");
const instant = zoned.toInstant();

Instant to ZonedDateTime

Instant does not have a toZonedDateTime() method.

You must convert it to a ISO zone first.

Wrong

const instant = Temporal.Instant.from("2026-05-17T12:30:00Z");
const zoned = instant.toZonedDateTime("Europe/Oslo");

Special Temporal Types

FromtoPlainDate()toPlainDateTime()toZonedDateTime()
PlainYearMonthYES + day valueNoNo
PlainMonthDayYES + year valueNoNo

PlainMonthDay and PlainYearMonth need missing parts before becoming a full date.

PlainYearMonth to PlainDate

Example

const yearMonth = new Temporal.PlainYearMonth(2026, 5);
const date = yearMonth.toPlainDate({ day: 17 });

PlainMonthDay to PlainDate

Example

const monthDay = new Temporal.PlainYearMonth(2026, 5);
const date = monthDay.toPlainDate({ year: 2026 });

Time Zone Conversion

Converting time from another time zone is handled by the ZonedDateTime method withTimeZone().

Example

const zdtOslo = Temporal.Now.zonedDateTimeISO('Europe/Oslo');
const zdtTokyo = zdtOslo.withTimeZone('Asia/Tokyo');

Previous

JavaScript Object Management

Next

JavaScript Object Protection

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

Temporal Conversion RulesConversion MethodsLegacy Date to Temporal InstantPlainDate to PlainDateTimeCombine Date and TimePlainDateTime to PlainDatePlainDateTime to PlainTimePlainDateTime to ZonedDateTimeZonedDateTime to PlainDateTimeZonedDateTime to PlainDateZonedDateTime to PlainTimeZonedDateTime to InstantInstant to ZonedDateTimeSpecial Temporal TypesPlainYearMonth to PlainDatePlainMonthDay to PlainDateTime Zone Conversion