How to format current date in MM/DD/YYYY HH:MM:SS format using JavaScript ?

How to Get Current Formatted Date dd/mm/yyyy in JavaScript?

Last Updated : 04 Dec, 2024

Here are different ways to get the current date in dd/mm/yyyy format.

1. Using Native JavaScript Methods

JavaScript's built-in Date object provides various methods to work with dates and times. You can extract individual components like day, month, and year to format the date manually.

JavaScript

// Get current date
const today = new Date();

// Extract day, month, and year
let day = today.getDate();
let month = today.getMonth() + 1;
let year = today.getFullYear();

// Add leading zero to day and month if needed
day = day < 10 ? '0' + day : day;
month = month < 10 ? '0' + month : month;

// Format the date as dd/mm/yyyy
const formattedDate = `${day}/${month}/${year}`;

console.log(formattedDate);

Output

04/12/2024

2. Using Intl.DateTimeFormat() Constructor

The Intl.DateTimeFormat() constructor is a built-in JavaScript object that enables language-sensitive date and time formatting. By specifying the desired locale and format options, we can obtain the formatted date in the desired format.

JavaScript

const today = new Date();

const formattedDate = new Intl.DateTimeFormat('en-GB', {
  	day: '2-digit',
  	month: '2-digit',
  	year: 'numeric'
}).format(today);

console.log(formattedDate);

Output

04/12/2024

3. Using toLocaleDateString() Method

The toLocaleDateString() method formats the date according to the specified locale.

JavaScript

const today = new Date();
const formattedDate = today.toLocaleDateString('en-GB');
console.log(formattedDate);

Output

04/12/2024

4. Using a Custom Function

If you prefer a reusable function for formatting dates, you can create your own utility.

JavaScript

function getFormattedDate(date) {
  let day = date.getDate();
  let month = date.getMonth() + 1;
  let year = date.getFullYear();

  // Add leading zeros
  day = day < 10 ? '0' + day : day;
  month = month < 10 ? '0' + month : month;

  return `${day}/${month}/${year}`;
}

const today = new Date();
console.log(getFormattedDate(today));

Output

04/12/2024

JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.

How to format current date in MM/DD/YYYY HH:MM:SS format using JavaScript ?

P

PranchalKatiyar

Improve

Article Tags :

Similar Reads

How to get current formatted date dd/mm/yyyy in Javascript and append it to an input?

The current date in "dd/mm/yyyy" format represents the day, month, and year according to the Gregorian calendar, to obtain the current date in "dd/mm/yyyy" format using JavaScript, utilize the Date object methods to extract day, month, and year components, format them accordingly, and then append th

How To Format JavaScript Date as yyyy-mm-dd?

We use JavaScript built-in help methods from the Date class that help us to create a formatted version of the current date in the form of yyyy-mm-dd. These are the approaches used to format JavaScript date as yyyy-mm-dd.Table of ContentUsing the ISO String Method USing JavaScript Method1. Using the

How to format current date in MM/DD/YYYY HH:MM:SS format using JavaScript ?

Given a date and the task is to format the current date in MM/DD/YYYY HH:MM:SS format. Here are a few of the most techniques discussed with the help of JavaScript. Approach 1: Store the current date in variable.Use the string concatenation technique to insert / and : in between the month-day and day

How to Get the Current Date in JavaScript ?

The Date() object is used to access the current date in JavaScript. To get the current date in string format, we can use toDateString() method. The date.toDateString() method converts the given date object into the date portion into a string.SyntaxdateObj.toDateString()JavaScript// Create a Date Obj

How to get Month and Date of JavaScript in two digit format ?

To get the Month and Date of JavaScript in two-digit format, we have multiple approaches. In this article, we are going to learn how to get the Month and Date of JavaScript in a two-digit format. Below are the approaches used to get the Month and Date of JavaScript in two-digit format: Table of Cont

How to Format a Date in JavaScript?

Here are different ways to format the date in JavaScript.1. Using the toDateString() MethodThe toDateString() method formats the date object into a human-readable format as Day Month Date Year.SyntaxdateObj.toDateString();JavaScriptconst date = new Date(); const formatDate = date.toDateString(); con

How to Get Current Time in JavaScript ?

This article will show you how to get the current time in JavaScript. Whether you are creating a digital clock, scheduling events, or simply logging timestamps, knowing how to retrieve the current time is essential. Here, we will cover different methods to get the current time in JavaScript.Table of

How to extract date from a string in dd-mmm-yyyy format in JavaScript ?

In this article, we will see how to extract date from a given string of format "dd-mmm-yyyy" in JavaScript. We have a string, and we want to extract the date format "dd-mmm-yyyy" from the string.Example:// Stringstr = "India got freedom on 15-Aug-1947"// Extracted date from given string in // "dd-mm

How to Log the Current Date in JavaScript ?

The Date object is an inbuilt object constructor of JavaScript language. It is used to work with dates and times. The Date object is created by using the new keyword, i.e. new Date(). The current date can be logged on the console in JavaScript using the below-discussed methods. Table of Content Usin

How to get Day Month and Year from Date Object in JavaScript ?

We have given the Date object and the task is to extract the Day, Month, and Year from the Date object and print it using JavaScript. Below is an example for better understanding. Example:Input: Date ObjectOutput: Day: 26 Month: 11 Year: 2023To extract Day, Month, and Year from Date Object, we have