How to get current formatted date dd/mm/yyyy in JavaScript ? - GeeksforGeeks

21 Jul, 2021
The task is to format the current date in dd/mm/yyyy format by using JavaScript. We’re going to discuss few methods.First few methods to know
JavaScript getDate() Method:This method returns the day of the month (from 1 to 31) for the defined date.Syntax:Date.getDate()
Return value:It returns a number, from 1 to 31, representing the day of the month.
Date.getDate()

Return value:It returns a number, from 1 to 31, representing the day of the month.
JavaScript getFullYear() Method:This method returns the year (four digits for dates between year 1000 and 9999) of the defined date.Syntax:Date.getFullYear()
Return value:It returns a number, representing the year of the defined date
Date.getFullYear()

Return value:It returns a number, representing the year of the defined date
JavaScript getMonth() Method:This method returns the month (from 0 to 11) for the defined date, based on to local time.Syntax:Date.getMonth()
Return value:It returns a number, from 0 to 11, representing the month.
Date.getMonth()

Return value:It returns a number, from 0 to 11, representing the month.
JavaScript String slice() method:This method gets parts of a string and returns the extracted parts in a new string.It uses the start and end parameters to define the part of the string to extract.First character starts from position 0, the second has position 1, and so on.Syntax:string.slice(start, end)
Parameters:start: This parameter is required. It specifies the position from where to start the extraction. First character is at position 0end: This parameter is optional. It specifies the position (excluding it) where to stop the extraction. If not used, slice() selects all characters from the start-position till the end of string.Return value:It returns a string, representing the extracted part of the string.
string.slice(start, end)

Parameters:
start: This parameter is required. It specifies the position from where to start the extraction. First character is at position 0
end: This parameter is optional. It specifies the position (excluding it) where to stop the extraction. If not used, slice() selects all characters from the start-position till the end of string.
Return value:It returns a string, representing the extracted part of the string.
replace() method:This method searches a string for a defined value, or a regular expression, and returns a new string with the replaced defined value.Syntax:string.replace(searchVal, newvalue)
Parameters:searchVal: This parameter is required. It specifies the value, or regular expression, that is going to replace by the new value.newvalue: This parameter is required. It specifies the value to replace the search value with.Return value:Returns a new string where the defines value(s) has been replaced by the new value.
string.replace(searchVal, newvalue)

Parameters:
searchVal: This parameter is required. It specifies the value, or regular expression, that is going to replace by the new value.
newvalue: This parameter is required. It specifies the value to replace the search value with.
Return value:Returns a new string where the defines value(s) has been replaced by the new value.
Example 1: This example format the date in dd/mm/yyyy by checking both date and month, If they are not in 2 digits the zero is added to make them 2 digits.
<!DOCTYPE HTML><html>  <head>    <title>        JavaScript       | How to get current formatted date dd/mm/yyyy.    </title></head>  <body style="text-align:center;"      id="body">    <h1 style="color:green;">              GeeksForGeeks          </h1>    <p id="GFG_UP"        style="font-size: 15px;               font-weight: bold;">    </p>    <button onclick="gfg_Run()">        get Date    </button>    <p id="GFG_DOWN"        style="color:green;               font-size: 20px;               font-weight: bold;">    </p>    <script>        var el_up = document.getElementById("GFG_UP");        var el_down = document.getElementById("GFG_DOWN");        var today = new Date();        el_up.innerHTML = today;        var dd = today.getDate();        var mm = today.getMonth() + 1;          var yyyy = today.getFullYear();        if (dd < 10) {            dd = '0' + dd;        }        if (mm < 10) {            mm = '0' + mm;        }        var today = dd + '/' + mm + '/' + yyyy;          function gfg_Run() {            el_down.innerHTML = today;        }    </script></body>  </html>
Output:
Before clicking on the button:
After clicking on the button:
Example 2: This example first slice the date part from the date object and then format the date in dd/mm/yyyy.
<!DOCTYPE HTML><html>  <head>    <title>        JavaScript       | How to get current formatted date dd/mm/yyyy.    </title></head>  <body style="text-align:center;"      id="body">    <h1 style="color:green;">              GeeksForGeeks          </h1>    <p id="GFG_UP"        style="font-size: 15px;              font-weight: bold;">    </p>    <button onclick="gfg_Run()">        get Date    </button>    <p id="GFG_DOWN"       style="color:green;               font-size: 20px;               font-weight: bold;">    </p>    <script>        var el_up = document.getElementById("GFG_UP");        var el_down = document.getElementById("GFG_DOWN");        var today = new Date();        el_up.innerHTML = today;          function gfg_Run() {            var date = today.toJSON().slice(0, 10);            var nDate = date.slice(8, 10) + '/'                        + date.slice(5, 7) + '/'                        + date.slice(0, 4);            el_down.innerHTML = nDate;        }    </script></body>  </html>
Output:
Before clicking on the button:
After clicking on the button:
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.
javascript-date
JavaScript-Misc
JavaScript
Web Technologies
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Comments
Old Comments
Difference between var, let and const keywords in JavaScript
Convert a string to an integer in JavaScript
Differences between Functional Components and Class Components in React
Difference Between PUT and PATCH Request
How to Use the JavaScript Fetch API to Get Data?
Top 10 Front End Developer Skills That You Need in 2022
Installation of Node.js on Linux
Top 10 Projects For Beginners To Practice HTML and CSS Skills
How to fetch data from an API in ReactJS ?
How to insert spaces/tabs in text using HTML/CSS?