convert date to string format dd/mm/yyyy javascript
Convert Date to String Format dd/mm/yyyy in JavaScript
If you are working with dates in JavaScript, you might need to convert them to a string format that is easy to read and understand. In this tutorial, we will show you how to convert a date object to a string format "dd/mm/yyyy" using JavaScript.
Method 1: Using the toLocaleDateString() Method
The easiest way to convert a date object to a string format "dd/mm/yyyy" is by using the toLocaleDateString()
method. This method returns a string with a language-sensitive representation of the date.
const date = new Date();
const dateString = date.toLocaleDateString("en-GB");
console.log(dateString); //output: "dd/mm/yyyy"
In the example above, we created a new Date
object and called the toLocaleDateString()
method on it. The "en-GB"
parameter specifies the locale for the date string, which in this case is British English. The method returns a string in the format "dd/mm/yyyy", which we stored in the dateString
variable and logged to the console.
Method 2: Using the formatDate() Function
If you want more control over the date format, you can create your own function to format the date string. Here is an example of a function that formats a date object to "dd/mm/yyyy" format:
function formatDate(date) {
const day = date.getDate().toString().padStart(2, "0");
const month = (date.getMonth() + 1).toString().padStart(2, "0");
const year = date.getFullYear().toString();
return `${day}/${month}/${year}`;
}
const date = new Date();
const dateString = formatDate(date);
console.log(dateString); //output: "dd/mm/yyyy"
In the example above, we defined a function called formatDate()
that takes a Date
object as a parameter. The function extracts the day, month, and year components of the date using the getDate()
, getMonth()
, and getFullYear()
methods, respectively. We then use the padStart()
method to add leading zeros to the day and month components if they are less than 10. Finally, we return a string that concatenates the day, month, and year components in "dd/mm/yyyy" format.
We then created a new Date
object and called the formatDate()
function on it. The function returns a string in the desired format, which we stored in the dateString
variable and logged to the console.
These are two simple ways to convert a date object to a string format "dd/mm/yyyy" in JavaScript. You can choose the method that works best for your use case.