RangeError: Invalid time value in JavaScript [Solved]

# RangeError: Invalid time value in JavaScript

The "Uncaught RangeError: Invalid time value" error occurs when calling a method on an invalid date, e.g. new Date('asdf').toISOString().

To solve the error, conditionally check if the date is valid before calling the method on it.

Here's an example of how the error occurs:

Copied!
console.log(new Date('asdf')); // 👉️ "Invalid Date"

// ⛔️ Uncaught RangeError: Invalid time value
const d = new Date('asdf').toISOString();

Check the error message in your browser's console or your terminal (if using Node.js).

The screenshot shows that the error occurred in the index.js file on line 5.

# Calling a method on an invalid date

The Date() constructor returns an "invalid date" value when the provided string is not a valid date.

Calling a method on an invalid date causes the error.

Copied!
console.log(new Date('asdf')); // 👉️ Invalid Date
console.log(new Date('2022-32-33')); // 👉️ Invalid Date
console.log(new Date('one-two-20')); // 👉️ Invalid Date

To solve the "Invalid time value" error, only call date methods on valid date objects.

Copied!
console.log(new Date(1317996123)); // 👉️ Fri Jan 16 ...
console.log(new Date('24 September 2022 15:30 UTC')); // 👉️ Sat Sep 24 ...

# Your timestamp might be wrapped in a string

A common cause of the error is trying to use a timestamp value that is of type string to create a Date object.

Copied!
// 👇️ this is a string
const timestamp = '1675964045493';

const date = new Date(timestamp);
console.log(date); // Invalid Date

Note that the timestamp in the example is a string.

To solve the error, use the parseInt method to convert the string to an integer when calling the Date() constructor.

Copied!
const timestamp = '1675964045493';

const date = new Date(parseInt(timestamp));
console.log(date); // 2023-02-09T17:34:05.493Z

console.log(date.toISOString()); // 2023-02-09T17:34:05.493Z

We used the parseInt function to convert the timestamp string to an integer when calling new Date() which resolved the issue.

# Validating a date before calling a method

Here's a function that you can use to validate a date before calling methods on it.

Copied!
function dateIsValid(date) {
  return !Number.isNaN(new Date(date).getTime());
}


console.log(dateIsValid(1317996123)); // 👉️ true
console.log(dateIsValid('24 September 2022 15:30 UTC')); // 👉️ true
console.log(dateIsValid('asdf')); // 👉️ false
console.log(dateIsValid('2022-32-33')); // 👉️ false

We check if the value is not NaN and return the result. If the value isn't NaN, we have a valid date on which we can safely call methods.

Copied!
function dateIsValid(date) {
  return !Number.isNaN(new Date(date).getTime());
}


const date = '2022-32-33';

if (dateIsValid(date)) {
  console.log(new Date(date).toISOString());
} else {
  // 👇️ this runs
  console.log('not a valid date');
}

Before calling the toISOString method on the date, we validate it. This enables us to avoid getting the "Invalid time value" range error.