JavaScript Program to Display Date and Time

In this article, we will see how to Display Date and Time in JavaScript. Displaying the time and date can be useful when you want to know the time and date. And also if you want to use them in the app.

These are the following approaches which are used in JavaScript for Date and Time:

• Using the Date() Constructor
• Using the Date.now() Method

Using the Date() Constructor

This approach creates a new instance of the Date object using its constructor. It provides various methods to extract different components of the date and time.

Syntax:

const  variable_name= new Date();

Example:

Javascript

// Creating object of
// Date constructor
const currentDate = new Date();

// Extract components of the date and time
// Getting year: 2023
const year = currentDate.getFullYear();

// Getting month
const month = currentDate.getMonth() + 1;

// Getting day
const day = currentDate.getDate();

// Getting hours
const hours = currentDate.getHours();

// Getting minutes
const minutes = currentDate.getMinutes();

// Getting seconds
const seconds = currentDate.getSeconds();

// Using template literal for
// printing the date and time
// in console
console.log(`Current Date: ${year}-${month}-${day}`);
console.log(`Current Time: ${hours}:${minutes}:${seconds}`);

Output

Current Date: 2023-9-5
Current Time: 6:41:6

Using the Date.now() Method

This method returns the current timestamp in milliseconds since the Unix epoch (January 1, 1970). It can be converted into a readable date and time format.

Syntax:

const timestamp = Date.now();

Example:

Javascript

const timestamp = Date.now();

// Convert timestamp to a readable date and time format
const currentDate = new Date(timestamp);

// Formatting date
const formattedDate = currentDate.toLocaleString();

// Printing Date and Time
// in console
console.log(`Current Date and Time: ${formattedDate}`);

Output

Current Date and Time: 9/5/2023, 6:51:59 AM