Get current date in DD-Mon-YYY format in JavaScript/Jquery

Question

I need to get the date format as 'DD-Mon-YYYY' in javascript. I had asked a question, and it got marked duplicate to jQuery date formatting

But, the answers provided in the question are to get the current date in "DD-MM-YYYY" format and not "DD-MON-YYYY". Secondly, I am not using datepicker plugin.

Can you please help me as if how to get the current date in "DD-Mon-YYYY" format.

The currently accepted answer is overly complicated. I've edited [another answer](https://stackoverflow.com/a/27480577/1269037) that I think answers your question better. Can you please take a look? — Dan Dascalescu, Sep 27 '18 at 00:57

Ahmad · Accepted Answer · 2020-05-21T07:44:21.163

There is no native format in javascript for DD-Mon-YYYY.

You will have to put it all together manually.

The answer is inspired from : How to format a JavaScript date

// Attaching a new function  toShortFormat()  to any instance of Date() class

Date.prototype.toShortFormat = function() {

    let monthNames =["Jan","Feb","Mar","Apr",
                      "May","Jun","Jul","Aug",
                      "Sep", "Oct","Nov","Dec"];
    
    let day = this.getDate();
    
    let monthIndex = this.getMonth();
    let monthName = monthNames[monthIndex];
    
    let year = this.getFullYear();
    
    return `${day}-${monthName}-${year}`;  
}

// Now any Date object can be declared 
let anyDate = new Date(1528578000000);

// and it can represent itself in the custom format defined above.
console.log(anyDate.toShortFormat());    // 10-Jun-2018

let today = new Date();
console.log(today.toShortFormat());     // today's date

score 35 · Answer 2 · edited Sep 27 '18 at 00:29

35

You can use toLocaleDateString and hunt for a format that's close to DD-mmm-YYYY (hint: 'en-GB'; you just need to replace the spaces with '-').

const date = new Date();
const formattedDate = date.toLocaleDateString('en-GB', {
  day: 'numeric', month: 'short', year: 'numeric'
}).replace(/ /g, '-');
console.log(formattedDate);

edited Sep 27 '18 at 00:29

Dan Dascalescu

110,650
40
276
363

answered Dec 15 '14 at 09:09

Jerome Anthony

7,203
2
36
26

my output format is Dec-11,-2019 which is not expected. please help me out – Sujatha Girijala Dec 11 '19 at 10:25
@SujathaGirijala did you find a solution? – Amy Doxy Apr 21 '20 at 07:58
@SujathaGirijala that's probably because of the locale you're using. 'en-GB' is used in this example and that should give you DD Mon YYYY. If you use locale 'en-US' you get Mon DD, YYYY. – Calsal Oct 28 '20 at 13:49

score 22 · Answer 3 · answered Dec 15 '14 at 08:54

22

Use the Moment.js library http://momentjs.com/ It will save you a LOT of trouble.

moment().format('DD-MMM-YYYY');

answered Dec 15 '14 at 08:54

Klemen Tusar

7,916
4
26
26

1

It will also [bloat your code a lot](https://github.com/moment/moment/issues/3376) and is unnecessary when [JavaScript core can solve the problem without libraries](https://stackoverflow.com/a/27480577/1269037). – Dan Dascalescu Sep 27 '18 at 00:54
Well yes. There is also the excellent `date-fns` library https://date-fns.org. I mean with today's `npm` packages it hardly makes sense to roll your own. – Klemen Tusar Sep 27 '18 at 11:13
There are a large number of date libraries, should there be an answer for every one of them? Many are much smaller than moment.js. – RobG Apr 21 '20 at 08:26
@RobG Indeed there are now, but back in 2014, when I gave this answer, there really wasn't much to play with. – Klemen Tusar Apr 21 '20 at 08:29

score 11 · Answer 4 · answered Dec 03 '19 at 16:08

Can be done with toLocaleDateString

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

<script>
const date = new Date();
const formattedDate = date.toLocaleDateString('en-GB', {
  day: '2-digit', month: 'short', year: 'numeric'
}).replace(/ /g, '-');
document.write(formattedDate);
</script>

score 3 · Answer 5 · answered Dec 15 '14 at 09:00

I've made a custom date string format function, you can use that.

var  getDateString = function(date, format) {
        var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        getPaddedComp = function(comp) {
            return ((parseInt(comp) < 10) ? ('0' + comp) : comp)
        },
        formattedDate = format,
        o = {
            "y+": date.getFullYear(), // year
            "M+": months[date.getMonth()], //month
            "d+": getPaddedComp(date.getDate()), //day
            "h+": getPaddedComp((date.getHours() > 12) ? date.getHours() % 12 : date.getHours()), //hour
             "H+": getPaddedComp(date.getHours()), //hour
            "m+": getPaddedComp(date.getMinutes()), //minute
            "s+": getPaddedComp(date.getSeconds()), //second
            "S+": getPaddedComp(date.getMilliseconds()), //millisecond,
            "b+": (date.getHours() >= 12) ? 'PM' : 'AM'
        };

        for (var k in o) {
            if (new RegExp("(" + k + ")").test(format)) {
                formattedDate = formattedDate.replace(RegExp.$1, o[k]);
            }
        }
        return formattedDate;
    };

And now suppose you've :-

    var date = "2014-07-12 10:54:11";

So to format this date you write:-

var formattedDate = getDateString(new Date(date), "d-M-y")

You don't need to roll your own date functions. The Date object already has a [method that does what the OP asked](https://stackoverflow.com/a/27480577/1269037). — Dan Dascalescu, Sep 27 '18 at 00:30
thanks, answer above doesn`t work in my locale, but yours works fine! — Mikhail Kh, Apr 16 '20 at 08:43

score 2 · Answer 6 · answered Jun 24 '18 at 17:40

2

const date = new Date();

date.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' }))

answered Jun 24 '18 at 17:40

Sakshi Nagpal

905
6
15

While this may answer the question it's better to add some description on how this answer may help to solve the issue. Please read [How do I write a good answer](https://stackoverflow.com/help/how-to-answer) to know more. – Roshana Pitigala Jun 24 '18 at 18:15
...or you could have [improved the existing answer that uses toLocaleDateString](https://stackoverflow.com/a/27480577/1269037). – Dan Dascalescu Sep 27 '18 at 00:52

score 2 · Answer 7 · answered Apr 05 '20 at 06:41

Using the Intl object (or via toLocaleString) is somewhat problematic, but it can be made precise using the formatToParts method and manually putting the parts in order, e.g.

function formatDate(date = new Date()) {
  let {day, month, year} = new Intl.DateTimeFormat('en', {
    day:'2-digit',
    month: 'short',
    year: 'numeric'
  }).formatToParts(date).reduce((acc, part) => {
    if (part.type != 'literal') {
      acc[part.type] = part.value;
    }
    return acc;
  }, Object.create(null));
  return `${day}-${month}-${year}`;
}

console.log(formatDate());

Using reduce on the array returned by formatToParts trims out the literals and creates an object with named properties that is then assigned to variables and finally formatted.

This function doesn't always work nicely for languages other than English though as the short month name may have punctuation.

The perfect answer! Rest all answers will produce the result in a different order — Sushin Pv, Apr 21 '20 at 03:05

gtzinos · Answer 8 · 2016-05-15T03:05:12.193

1

/*
  #No parameters
  returns a date with this format DD-MM-YYYY
*/
function now()
{
  var d = new Date();
  var month = d.getMonth()+1;
  var day = d.getDate();

  var output = (day<10 ? '0' : '') + day + "-" 
              + (month<10 ? '0' : '') + month + '-'
              + d.getFullYear();

  return output;
}

edited May 15 '16 at 03:05

answered May 14 '16 at 16:57

gtzinos

1,187
14
26

This is a very low quality answer: please provide explanation of what your code does. Also, this code does not take parameter, but does expect a global variable `d`. Finally, it does not answer OPs question: YYYY/MM/DD is not the same as DD-Mon-YYY that was asked for. – wintvelt May 14 '16 at 20:27

score 1 · Answer 9 · answered Jul 04 '19 at 13:56

Pass data changeFormate(15/07/2020)

  changeFormate(date) {
let month_names = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
let incomingDateChnge: any = new Date(date);
let incomingDay = incomingDateChnge.getDate();
let incomingMonth = incomingDateChnge.getMonth();

let incomingYear = incomingDateChnge.getFullYear();
if (incomingDay < 10) {
  incomingDay = '0' + incomingDay;
}

incomingDateChnge = incomingDay + ' ' + month_names[incomingMonth] + ' ' + incomingYear;
return incomingDateChnge;
 }

score 1 · Answer 10 · answered Oct 04 '20 at 18:58

Here's a simple solution, using TypeScript:

  convertDateStringToDate(dateStr) {
    //  Convert a string like '2020-10-04T00:00:00' into '4/Oct/2020'
    let months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    let date = new Date(dateStr);
    let str = date.getDate()
                + '/' + months[date.getMonth()]
                + '/' + date.getFullYear()
    return str;
  }

(Yeah, I know the question was about JavaScript, but I'm sure I won't be the only Angular developer coming across this article !)

Vince V. · Answer 11 · 2014-12-15T09:00:35.600

0

the DD-MM-YYYY is just one of the formats. The format of the jquery plugin, is based on this list: http://docs.oracle.com/javase/7/docs/api/java/text/SimpleDateFormat.html

Tested following code in chrome console:

test = new Date()
test.format('d-M-Y')
"15-Dec-2014"

edited Dec 15 '14 at 09:00

answered Dec 15 '14 at 08:52

Vince V.

3,049
2
26
43

yes I understand the date format, but how can I convert current date to dd-mon-yyyy, Eg I want to get current date in 15-Dec-2014, format. – Tushar Dec 15 '14 at 08:55
Normally this should work (tested in console): test = new Date(); test.format('d-M-Y') – Vince V. Dec 15 '14 at 08:59
1

agreed. this would be great but format is not a function – roberto tomás Aug 21 '16 at 11:01
6

When executed in console `TypeError: test.format is not a function test = new Date() test.format('d-M-Y');` – NullPointer Mar 27 '17 at 10:10
2

this is JS not Java – Felix Jan 18 '18 at 04:19

Ganesh Kumar Pandey · Answer 12 · 2021-03-17T05:14:30.160

const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var currDate= new Date();
var newDate=currDate.toLocaleDateString();
var splitNewDate= newDate.split('/');
var formatDate= splitNewDate[1] + '-'+ monthNames[splitNewDate[0]] +'-'+ splitNewDate[2];

console.log(formatDate);

//convert DateTime result in jquery mvc 5 using entity fremwork 

const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
    

function DateAndTime(date) {
 
    var value = new Date
        (
        parseInt(date.replace(/(^.*\()|([+-].*$)/g, ''))
    ); 
    var dat = value.getDate() +
        "-" +
        monthNames[value.getMonth()] +
        "-" +
        value.getFullYear();

    var hours = value.getHours();
    var minutes = value.getMinutes();
    var ampm = hours >= 12 ? 'PM' : 'AM';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 10 ? '0' + minutes : minutes;
    var strTime = hours + ':' + minutes + ' ' + ampm;
    return { Date: dat, Time: strTime };
}
// var getdate = DateAndTime(StartDate);
//var Date = getdate.Date;//here get date
//var time = getdate.Time;//here get Time
//alert(Date)

jeff ayan · Answer 13 · 2016-09-19T06:28:37.447

-2

var date = new Date();

console.log(date.toJSON().slice(0,10).replace(new RegExp("-", 'g'),"/" ).split("/").reverse().join("/")+" "+date.toJSON().slice(11,19));

// output : 01/09/2016 18:30:00

edited Sep 19 '16 at 06:28

answered Sep 19 '16 at 06:26

jeff ayan

660
1
10
15

score -2 · Answer 14 · answered May 23 '17 at 08:16

-2

            var today = new Date();           

            var formattedtoday = today.getDate() + '-' + (today.getMonth() + 1) + '-' + today.getFullYear();
            
            alert(formattedtoday);

answered May 23 '17 at 08:16

Kathir M

21
5

This answer does not meet the requirement of the OP. The required format is dd-Mon-yyyy not dd-MM-yyyy – Ahmad Oct 22 '17 at 10:54

score -6 · Answer 15 · edited Apr 28 '15 at 04:38

-6

Use date format dd-MM-yy . It will output like: 16-December-2014.

edited Apr 28 '15 at 04:38

arun

3,637
3
27
53

answered Dec 15 '14 at 08:57

Sanjeev Kumar Goswami

107
3

1

This is not an answer. Please post a valid applicable answer – Ahmad Dec 15 '14 at 08:58

Get current date in DD-Mon-YYY format in JavaScript/Jquery

15 Answers15

Linked

Related