This feature is not Baseline because it does not work in some of the most widely-used browsers.
The with() method of Temporal.PlainTime instances returns a new Temporal.PlainTime object representing this time with some fields replaced by new values. Because all Temporal objects are designed to be immutable, this method essentially functions as the setter for the time's fields.
with(info) with(info, options)
infoAn object containing at least one of the properties recognized by Temporal.PlainTime.from(): hour, microsecond, millisecond, minute, nanosecond, second. Unspecified properties use the values from the original time.
options OptionalAn object containing the following property:
overflow OptionalA string specifying the behavior when a time component is out of range. Possible values are:
"constrain" (default)The time component is clamped to the valid range.
"reject"A RangeError is thrown if the time component is out of range.
A new Temporal.PlainTime object, where the fields specified in info that are not undefined are replaced by the corresponding values, and the rest of the fields are copied from the original time.
TypeErrorThrown in one of the following cases:
info is not an object with at least one recognized property or a string.options is not an object or undefined.RangeErrorThrown if the provided numerical properties are out of range, and options.overflow is set to "reject".
const time = Temporal.PlainTime.from("12:34:56.123456789");
const newTime = time.with({ hour: 23 });
console.log(newTime.toString()); // '23:34:56.123456789'
For more examples, see the documentation for the individual properties that can be set using with().
| Specification |
|---|
| Temporal> # sec-temporal.plaintime.prototype.with> |
| Desktop | Mobile | Server | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | Bun | Deno | Node.js | |
with |
144 | 144 | 139 | No | preview | 144 | 139 | No | No | No | 144 | No | ? | 1.40 | No |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainTime/with