Javascript change date into format of (dd/mm/yyyy)

Question

How can I convert the following date format below (Mon Nov 19 13:29:40 2012)

into:

dd/mm/yyyy

<html>
    <head>
    <script type="text/javascript">
      function test(){
         var d = Date()
         alert(d)
      }
    </script>
    </head>

<body>
    <input onclick="test()" type="button" value="test" name="test">
</body>
</html>

What have you tried? It doesn't look like this code is attempting to do any stringifying of the date. — Andrew Whitaker, Nov 19 '12 at 18:31

maerics · Accepted Answer · 2019-09-19T15:45:50.720

175

Some JavaScript engines can parse that format directly, which makes the task pretty easy:

function convertDate(inputFormat) {
  function pad(s) { return (s < 10) ? '0' + s : s; }
  var d = new Date(inputFormat)
  return [pad(d.getDate()), pad(d.getMonth()+1), d.getFullYear()].join('/')
}

console.log(convertDate('Mon Nov 19 13:29:40 2012')) // => "19/11/2012"

edited Sep 19 '19 at 15:45

answered Nov 19 '12 at 18:34

maerics

143,080
41
260
285

2

out of the two this is in the end the shorter and better answer. – tatsu Apr 10 '18 at 12:03
where are the examples? – Fernando Torres Sep 19 '19 at 15:27
better with const const pad = (s) => (s < 10) ? '0' + s : s const d = new Date(this.vente.date) return [ pad(d.getDate()), pad(d.getMonth() + 1), d.getFullYear() ].join('/') – Morgan Millet Aug 17 '21 at 14:11
this actually worked although I modified it with example below. – L. Theodore Obonye Jan 22 '22 at 09:37

Trevor Dixon · Answer 2 · 2019-02-15T15:05:26.980

49

This will ensure you get a two-digit day and month.

function formattedDate(d = new Date) {
  let month = String(d.getMonth() + 1);
  let day = String(d.getDate());
  const year = String(d.getFullYear());

  if (month.length < 2) month = '0' + month;
  if (day.length < 2) day = '0' + day;

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

Or terser:

function formattedDate(d = new Date) {
  return [d.getDate(), d.getMonth()+1, d.getFullYear()]
      .map(n => n < 10 ? `0${n}` : `${n}`).join('/');
}

edited Feb 15 '19 at 15:05

answered Nov 19 '12 at 18:40

Trevor Dixon

20,124
10
69
102

1

Also see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString – Trevor Dixon Jun 02 '21 at 12:11

Javascript change date into format of (dd/mm/yyyy)

2 Answers2

Linked

Related