How to format date like "July 14, 2014" in javascript/jQuery?

Question

I'm getting date value from jQuery BeatPicker like "14/07/2014", I need to format this value as "July 14, 2014".

Is there any easy way to achieve this using javascript/jQuery/plugin?

Thanks

[moment.js](http://momentjs.com/) – Ian Wang Aug 27 '14 at 15:08 — Ian Wang, Aug 27 '14 at 15:08

score 1 · Accepted Answer · answered Aug 27 '14 at 15:20

If you wanted to stick with pure Javascript

function formatDate(dateString){
  var monthNames = new Array("January", "February", "March", 
        "April", "May", "June", "July", "August", "September", 
        "October", "November", "December");

  var dateArray =  dateString.split("/");
  var month = monthNames[dateArray[1]-1];
  var day = dateArray[0];
  var year = dateArray[2];
  return month + " " + day + ", " + year;
}

score 1 · Answer 2 · answered Aug 27 '14 at 15:40

var text = "14/07/2014";
var output = text.replace(/(\d\d)\/(\d\d)\/(\d\d\d\d)/, function($0, $1, $2, $3) {
    var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
    return monthNames[parseInt($2, 10) - 1] + " " + $1 + ", " + $3;
});

Totally untested, and yes - the regex is messy (should use curly brackets however this reads more easily), but should work about right...

`should use curly brackets` - Right, you are. – SeinopSys Aug 27 '14 at 15:44 — SeinopSys, Aug 27 '14 at 15:44

How to format date like "July 14, 2014" in javascript/jQuery?

2 Answers2