Using Javascript to Get Current Date and Time

JavaScript offers various methods to handle dates and times. Knowing how to work with the current time is essential for many applications, from displaying the current date on a webpage to recording the time of an event. In this article, we’ll explore different ways to get current time JavaScript.

In this article, we explored multiple methods to get current time in JavaScript, ranging from basic approaches using the built-in Date object to more advanced techniques employing the Moment.js library. Depending on your project requirements and preferences, you can choose the method that best suits your needs. If you found this article helpful, don’t forget to share it with your peers. Stay tuned for more insightful articles on JavaScript and web development!

Using JavaScript’s Built-in Date Object

JavaScript provides a built-in Date object that represents a moment in time. Let’s delve into how to use it to obtain the current time:

<script>

// Creating a Date object representing the current time
var currentTime = new Date();

// Extracting the date
var date = currentTime.getDate();

// Extracting the month (adding 1 because months are zero-indexed)
var month = currentTime.getMonth() + 1;

// Extracting the year
var year = currentTime.getFullYear();

// Extracting the hour
var hour = currentTime.getHours();

// Extracting the minutes
var minutes = currentTime.getMinutes();

// Extracting the seconds
var seconds = currentTime.getSeconds();

// Converting to the desired format
var formattedTime = year + "-" + (month < 10 ? '0' : '') + month + "-" + (date < 10 ? '0' : '') + date + " " + (hour < 10 ? '0' : '') + hour + ":" + (minutes < 10 ? '0' : '') + minutes + ":" + (seconds < 10 ? '0' : '') + seconds;

// Displaying the result
console.log("Formatted Time: " + formattedTime);

</script>

In this method, we utilize JavaScript’s Date object to capture the current time and then extract various components such as date, month, year, etc. Finally, we format them into the desired format.

Using toLocaleString()

Another approach is to leverage the toLocaleString() method provided by JavaScript’s Date object. This method automatically formats the date and time according to the user’s locale:

<script>

// Creating a Date object representing the current time
var currentTime = new Date();

// Retrieving the current date and time in local format
var localDateTime = currentTime.toLocaleString();

// Displaying the current date and time
console.log("Current Date and Time: " + localDateTime);

</script>

Here, we directly utilize the toLocaleString() method to obtain the current date and time in the user’s local format, simplifying the process significantly.

Using Moment.js Library

For more advanced date and time manipulation, we can employ the Moment.js library. Moment.js provides a rich set of functionalities to parse, manipulate, and display dates and times. Let’s see how to utilize it:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js"></script>

<script>
// Obtaining the current date and time using Moment.js
var currentMoment = moment();

// Formatting the current date and time as per desired format
var formattedDateTime = currentMoment.format('YYYY-MM-DD HH:mm:ss');

// Displaying the formatted date and time
console.log("Formatted Date and Time: " + formattedDateTime);
</script>

In this approach, we first import the Moment.js library, then utilize its moment() function to capture the current date and time. Finally, we use the format() method to format the date and time according to the specified format.

Read more: Make browser full-screen using Javascript