Open In App

JavaScript Program to Display Date and Time

Last Updated : 23 Jul, 2025
Comments
Improve
Suggest changes
Like Article
Like
Report

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

N
nikhilgarg527
Improve
Article Tags :

Explore

Lightbox