Get the current date and time in TypeScript


Borislav Hadzhiev

Last updated: Jul 25, 2022


Photo from Unsplash

Get the current date and time in TypeScript #

Use the Date() constructor to get the current date and time in TypeScript, e.g. const now = new Date(). When the Date() constructor is called without any arguments, it returns a Date object that represents the current date and time.

// 👇️ const now: Date const now = new Date(); console.log(now); // 👉️ Thu Feb 17 2022 10:52:58

We called the Date() constructor to get a Date object that represents the current date and time in TypeScript.

Date objects store a number that represents the number of milliseconds elapsed since the 1st of January 1970 UTC.

The type of the now variable is correctly inferred to be Date, which enables us to use any of the built-in methods the Date object implements.

Here are some examples of methods you might use on the Date object.

// 👇️ const now: Date const now = new Date(); console.log(now); // 👉️ Thu Feb 17 2022 10:52:58 console.log(now.toLocaleDateString()); // 👉️ 2/17/2022 console.log(now.toLocaleString()); // 👉️ 2/17/2022, 10:57:49 AM console.log(now.toUTCString()); // 👉️ Thu, 17 Feb 2022 08:57:49 GMT console.log(now.toISOString()); // 👉️ 2022-02-17T08:57:49.903Z

Here is an example that formats the date and time as YYYY-MM-DD hh:mm:ss, but can easily be tweaked to other formats, e.g. to MM/DD/YYYY or MM/DD/YYYY hh:mm:ss.

function padTo2Digits(num: number) { return num.toString().padStart(2, '0'); } function formatDate(date: Date) { return ( [ date.getFullYear(), padTo2Digits(date.getMonth() + 1), padTo2Digits(date.getDate()), ].join('-') + ' ' + [ padTo2Digits(date.getHours()), padTo2Digits(date.getMinutes()), padTo2Digits(date.getSeconds()), ].join(':') ); } // 👇️ YYYY-MM-DD hh:mm:ss // 👇️ "2022-02-17 11:01:52" (Current date and time) console.log(formatDate(new Date())); // 👇️️ 2025-05-04 05:24:07 (yyyy-mm-dd hh:mm:ss) console.log(formatDate(new Date('May 04, 2025 05:24:07')));

The function makes use of the following 6 Date related methods.

  • Date.getFullYear method - returns a four-digit number representing the year that corresponds to a date.

  • Date.getMonth - returns an integer between 0 (January) and 11 (December) and represents the month for a given date. Yes, unfortunately the getMonth method is off by 1.

  • Date.getDate - returns an integer between 1 and 31 representing the day of the month for a specific date.

  • Date.getHours - returns the hour for the specified date.

  • Date.getMinutes - returns the minutes for a date.

  • Date.getSeconds - returns the seconds of a specific date.

The getMonth method returns a zero-based month index from 0 to 11, meaning January is 0 and December is 11.

The getMonth method is zero-based, so we added 1 to its return value.

We first created a padTo2Digits function, which takes care of adding a leading zero if the month, day, hours, minutes or seconds only contain a single digit (are less than 10).

function padTo2Digits(num) { return num.toString().padStart(2, '0'); } console.log(padTo2Digits(3)); // 👉️ '03' console.log(padTo2Digits(7)); // 👉️ '07' console.log(padTo2Digits(10)); // 👉️ '10'

We want to make sure that the result is always consistent and has 2 digits for the months, days, hours, minutes and seconds, so we used the padStart method.

The first parameter we passed to the padTo2Digits function is the total length of the string, so it will never pad a a value if it already has 2 digits.

We placed the year, month and day in an array, so we can join them with a hyphen separator.

console.log(['2022', '02', '17'].join('-')); // 👉️ '2022-02-17' console.log(['2024', '07', '24'].join('-')); // 👉️ '2024-07-24'

This could have been any other separator, e.g. a forward slash /, and you could easily reorder the date components if necessary (e.g. to MM/DD/YYYY) by switching the places of the elements in the array.

This gets us the date formatted as YYYY-MM-DD.

The next step is to place the return values from the time-related methods in an array and join them with a colon separator.

console.log(['06', '30', '17'].join(':')); // 👉️ '06:30:17' console.log(['09', '11', '49'].join(':')); // 👉️ '09:11:49'

We used the same approach to format the time component as we did with the date components.

I wrote a book in which I share everything I know about how to become a better, more efficient programmer.
book cover
You can use the search field on my Home Page to filter through all of my articles.