JavaScript Date – Display Current Date in dd/mm/yyyy Format

datejavascript

I am using website builder called 'clickfunnels', and they don't support feature that would allow me to display current date. But, I can add custom HTML to it.

I was wondering if anyone knows how to show on website current date in format: dd/mm/yyyy

Currently I've tried this:

<p id="date"></p>
<script>
document.getElementById("date").innerHTML = Date();
</script>

And this works, but it displays date likes this:

Sat Sep 12 2015 16:40:10 GMT+0200 (Timezone…. )

Best Answer

Here's one way. You have to get the individual components from the date object (day, month & year) and then build and format the string however you wish.

n =  new Date();
y = n.getFullYear();
m = n.getMonth() + 1;
d = n.getDate();
document.getElementById("date").innerHTML = m + "/" + d + "/" + y;

<p id="date"></p>

Related Solutions

JavaScript – How to Get the Current Date in JavaScript

Use new Date() to generate a new Date object containing the current date and time.

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;
document.write(today);

This will give you today's date in the format of mm/dd/yyyy.

Simply change today = mm +'/'+ dd +'/'+ yyyy; to whatever format you wish.

JavaScript – Output Current Datetime in YYYY/MM/DD HH:MM:SS Format

You can build it manually:

var m = new Date();
var dateString = m.getUTCFullYear() +"/"+ (m.getUTCMonth()+1) +"/"+ m.getUTCDate() + " " + m.getUTCHours() + ":" + m.getUTCMinutes() + ":" + m.getUTCSeconds();

and to force two digits on the values that require it, you can use something like this:

("0000" + 5).slice(-2)

Which would look like this:

var m = new Date();
var dateString =
    m.getUTCFullYear() + "/" +
    ("0" + (m.getUTCMonth()+1)).slice(-2) + "/" +
    ("0" + m.getUTCDate()).slice(-2) + " " +
    ("0" + m.getUTCHours()).slice(-2) + ":" +
    ("0" + m.getUTCMinutes()).slice(-2) + ":" +
    ("0" + m.getUTCSeconds()).slice(-2);

console.log(dateString);

Best Answer

Related Solutions

JavaScript – How to Get the Current Date in JavaScript

JavaScript – Output Current Datetime in YYYY/MM/DD HH:MM:SS Format

Related Question