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 constructorconst currentDate = new Date();// Extract components of the date and time// Getting year: 2023const year = currentDate.getFullYear();// Getting month const month = currentDate.getMonth() + 1;// Getting day const day = currentDate.getDate();// Getting hoursconst hours = currentDate.getHours();// Getting minutesconst minutes = currentDate.getMinutes();// Getting secondsconst seconds = currentDate.getSeconds();// Using template literal for // printing the date and time// in consoleconsole.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 formatconst currentDate = new Date(timestamp);// Formatting date const formattedDate = currentDate.toLocaleString();// Printing Date and Time// in consoleconsole.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, neveropen 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!
