JavaScript Date and Time - Displaying Current Date

Working with dates and times in JavaScript is essential for various applications. In this guide, we'll explore how to display the current date and time using JavaScript and provide examples to illustrate their usage.

Getting the Current Date and Time

You can obtain the current date and time using the Date object:

const currentDate = new Date();
    

Displaying the Current Date

To display the current date, you can use the Date object's methods to extract the year, month, day, and format them as needed:

const currentDate = new Date();
const year = currentDate.getFullYear();
const month = currentDate.getMonth() + 1; // Months are zero-based
const day = currentDate.getDate();
const formattedDate = `${year}-${month}-${day}`;
console.log("Current Date:", formattedDate);
    

Displaying the Current Time

To display the current time, you can extract the hours, minutes, and seconds from the Date object:

const currentDate = new Date();
const hours = currentDate.getHours();
const minutes = currentDate.getMinutes();
const seconds = currentDate.getSeconds();
const formattedTime = `${hours}:${minutes}:${seconds}`;
console.log("Current Time:", formattedTime);
    

Displaying the Current Date and Time Together

You can combine the methods to display both the current date and time:

const currentDate = new Date();
const year = currentDate.getFullYear();
const month = currentDate.getMonth() + 1;
const day = currentDate.getDate();
const hours = currentDate.getHours();
const minutes = currentDate.getMinutes();
const seconds = currentDate.getSeconds();
const formattedDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
console.log("Current Date and Time:", formattedDateTime);
    

Conclusion

Displaying the current date and time is a common task in JavaScript. By understanding how to work with the Date object and its methods, you can accurately display the date and time in your web applications.

Happy coding!