Javascript Format String

Question

I have a string variable that holds a date that looks like this.

<script>
 var value = "2014-03-24";
</script>

I want to format the string into a date that looks like this.

<script>
 var formattedData = "03/24/2014";
</script>

I need to replace the "-" with "/" and move the month/day/year around. Can somebody please help me? Thanks.

• CMS_95: are you trying to make it a static value or dynamic
• Nicolas Ward: Static, I want to change a string using javascript. Well if you mean, could the date be different everytime? Then yes, it can be.
• CMS_95: okay well first off for a static value you may want to do it like this: month + "/" + day + "/" year
• Nicolas Ward: Just look at what I have. I can't change the formats.

Answer 1

Try this;

var d = new Date("2014-03-24");
d.toLocaleDateString("en-US"); // "3/24/2014"

Note that the advantage here is that you can pass through different locales for different formats such as "en-GB" for the UK for instance which would give you day/month/year. And if you want it really specifically with a two-digit month;

d.toLocaleDateString("en-US", {day:'2-digit', month:'2-digit', year:'numeric'}); // "03/24/2014"

If you run into browser inconsistencies, you can also do this old-school lowest-common-denominator with;

(d.getMonth()+1) + "/" + d.getDate() + "/" + d.getFullYear(); // "3/24/2014"

But that won't pad your day and month with 2-digit numbers though. If you want that, you'll need to use a small pad function like this;

function padDateZ(n) { return n < 10 ? '0' + n : n.toString(); }
(padDateZ(d.getMonth()+1)) + "/" + padDateZ(d.getDate()) + "/" + d.getFullYear(); // "03/24/2014"

Answer 2

var formatDateString = function (unformatted) {
 var parts = unformatted.split('-');
 return parts[1] + '/' + parts[2] + '/' + parts[0];
};
var formattedData = formatDateString(value);

Answer 3

You need to make use of the split and the join function of javascript.Something like,

var date = value.split("-");
new_date = date[1]+"/"+date[2]+"/"+date[0];
console.log(new_date);

Answer 4

("2014-03-24").split('-').join('/')
//returns "2014/03/24"

EDIT: just re-read the question, and noticed that the month and day need to be rearranged. Whoops! Go with the other answers.