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.
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"
var formatDateString = function (unformatted) {
var parts = unformatted.split('-');
return parts[1] + '/' + parts[2] + '/' + parts[0];
};
var formattedData = formatDateString(value);
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);
("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.
