Convert date string into "mmm. d, yyyy" format in JavaScript

Question

I want to convert string such as '2-12-2018' to Feb. 12, 2018. I have tried many things but still is not showing me the month in format mmm.

There are so many questions about this topic on SO. Please show the code you have tried. — t.niese
– t.niese, Commented Feb 28, 2018 at 9:03
There are many, many questions on this topic already. What have you tried? — RobG
– RobG, Commented Feb 28, 2018 at 9:15

ashleedawg · Accepted Answer · 2020-09-13 21:19:02Z

4

As others pointed out, there are plenty of existing answers to similar questions, but since JavaScript dates relentlessly drive me batty* I figured I could use the practice... So here's one solution:

function mddyyyy_to_mmmdyyyy(s) {
  var s = s.split(/\D/),
    dt = new Date(s[2], s[0] - 1, s[1]);
  return dt.toLocaleString('en-CA', {
    month: 'short',
    day: 'numeric',
    year: 'numeric'
  });
}

document.getElementById('test').innerHTML = mddyyyy_to_mmmdyyyy('2-12-2018');

<div id='test'></div>

Here's a demo on Codepen.
Here's documentation on .toLocaleString() and .split.
Date/time formats to use with .toLocalString()

edited Sep 13, 2020 at 21:19

answered Nov 17, 2019 at 12:21

ashleedawg

21.9k9 gold badges82 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

asdf_enel_hak · Accepted Answer · 2018-02-28 09:05:48Z

-1

You can do this by using momentjs

var res = moment("2-12-2018").format("DD/MM/YYYY")

var now = moment(res).format('MMM. DD, YYYY');

answered Feb 28, 2018 at 9:05

asdf_enel_hak

7,6585 gold badges47 silver badges91 bronze badges

1 Comment

t.niese Over a year ago

A string in the format DD/MM/YYYY or D-MM-YYYY is not a date format that should be used in the constructor of moment or new Date because it is neither ISO 8601 nor RFC 2822

Namburi Akhil · Accepted Answer · 2018-02-28 09:10:35Z

-1

function formatDate(date) {
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
var day = date.getDate();
var monthIndex = date.getMonth();
var year = date.getFullYear();

return monthNames[monthIndex]+ '.' + day +   + ',' + year;
}

answered Feb 28, 2018 at 9:10

Namburi Akhil

391 silver badge9 bronze badges

Comments

tigerdi · Accepted Answer · 2018-02-28 09:26:42Z

-1

You can create a function that passes a string as parameter, which creates a Date object from the string, and then returns the formatted date as a string. Such as the below:

var formatDate = function(datestring){
    var dt = new Date(datestring); 
    var month = ['Jan' , 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    return (month[dt.getMonth()] + 
    ". " +  dt.getDate() +
    ", " +  dt.getFullYear());
}

Then you just call it passing any date string as parameter:

console.log(formatDate('02-12-2017'));

edited Feb 28, 2018 at 9:26

answered Feb 28, 2018 at 9:08

tigerdi

6127 silver badges13 bronze badges

2 Comments

str Over a year ago

You should not add your own functions to prototypes like that. Also this question has been answered many, many, many times before. Do not answer but mark it as a duplicate instead.

RobG Over a year ago

The OP has a string, not a Date so modifying the Date prototype is unhelpful.

Collectives™ on Stack Overflow

Convert date string into "mmm. d, yyyy" format in JavaScript

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related