JavaScript Program to Display Date and Time

0 0 1 minute read

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

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!