Format date object as 02-Sep-2020 using JavaScript

Rishab Rish

6y1kWeb Development

How to format date object as 02-Sep-2020 using JavaScript

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mageshwaran R6y ago
Hi Rishab Rish,
I'm solved your problem, please try this code:
>
<html>
<head>
    <meta charset="utf-8" />
    <title>title>
    <script type="text/javascript">
        function myfunction() {
            const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "June",
  "July", "Aug", "Sep", "Oct", "Nov", "Dec"
];
       var today = new Date();
var dd = today.getDate();
var mm = monthNames[today.getMonth()];
var yyyy = today.getFullYear();

today = dd+'-'+mm+'-'+yyyy;
alert(today);
        }

    script>
head>
<body>
    <input type="button" onclick="myfunction()" value="Show Date">

body>
html>
Jin Necesario6y ago
Hi Rishab Rish,

I agree with Aashima Khatoon & Rajanikant Hawaldar. However, you may also consider the sample code below.
function formatDate(date = new Date(), localString = "en-US"){

  let currentLocal = localString,
      currentDate = date;

  const options = {
    day: '2-digit',
    month: 'short',
    year: 'numeric'
  };

return currentDate.toLocaleDateString(currentLocal, options ).replace(/ /g, '-');
}

console.log(formatDate(undefined, "en-GB"));
Cheers,
Jin
Sachin Singh6y ago
you do not need to specify month name in array or anything , there is already a function toLocaleDateString that can do it for you.
const date = new Date();
    const formattedDate = date.toLocaleDateString('en-GB', {
        day: '2-digit', month: 'short', year: 'numeric'
    }).replace(/ /g, '-');
    document.write(formattedDate); //02-Sep-2020
Nisha Regil6y ago
var monthname= ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var today = new Date();

var dd = today.getDate();

var mm = today.getMonth();

var yyyy = today.getFullYear();

if (dd < 10) {
dd = '0' + dd;
}

var today = dd + '-' + monthname[mm] + '-' + yyyy;

today will give the desired output.
Rajanikant Hawaldar6y ago
can you try this.
var date = new Date();

console.log(date.toLocaleDateString("en-US", { day: 'numeric' })
            + "-"+ date.toLocaleDateString("en-US", { month: 'short' })
            + "-" + date.toLocaleDateString("en-US", { year: 'numeric' }) );