Javascript to format date value

Question

I am trying (and failing!) to format my date output using javascript, so I am asking for some help.

The date format is 2013-12-31 (yyyy-mm-dd), but I want to display the date as 12-2013 (mm-yyyy).

I have read many posts, but I am now just confused.

Here is the call to the javascript function:

changeDateFormat($('#id_award_grant_date').val()),

Here is the javascript function:

 function changeDateFormat(value_x){


 }

Split the date in parts by - then join the parts as you like. — elclanrs
– elclanrs, Commented Dec 17, 2013 at 1:33
It might be overkill for what you want to achieve but I really like the javascript date library Moment.js momentjs.com/docs/#/parsing/string-format — Matthew Lock
– Matthew Lock, Commented Dec 17, 2013 at 1:35

adeneo · Accepted Answer · 2013-12-17 01:34:08Z

4

What you have is just a string, so just split it and put it back together in the wanted format

var date     = '2013-12-31',
    parts    = date.split('-'),
    new_date = parts[1]+'-'+parts[0];

FIDDLE

answered Dec 17, 2013 at 1:34

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

3 Comments

user1261774 Over a year ago

Thanks! So easy when you are not a noob like me!

Derek 朕會功夫 Over a year ago

What a lazy programmer like me would do: [parts[1],parts[0]].join("-"); if you have many items to combine.

adeneo Over a year ago

@user1261774 - hopefully this isn't a datepicker? If it where you should probably be using some of the built in methods instead.

Matt · Accepted Answer · 2013-12-17 01:33:40Z

3

var d = '2013-12-31'
var yyyymmdd = d.split('-')
var mmyyyy = yyyymmdd[1]+'-'+yyyymmdd[0]; // "12-2013"

answered Dec 17, 2013 at 1:33

Matt

20.8k1 gold badge61 silver badges76 bronze badges

Comments

qiu-deqing · Accepted Answer · 2013-12-17 01:38:37Z

1

function changeDateFormat(str) {
    var reg = /(\d+)-(\d+)-(\d+)/;
    var match = str.match(reg);
    return match[2] + "-" + match[1];
}

http://jsfiddle.net/wZrYD/

answered Dec 17, 2013 at 1:38

qiu-deqing

1,3337 silver badges13 bronze badges

2 Comments

Matthew Lock Over a year ago

Good stuff, the regex solution here is the only solution here even attempting to validate that the input is numeric. I managed to whittle it down to one line in the function using regex replace jsfiddle.net/wZrYD/2

qiu-deqing Over a year ago

i learn a lot from your update: 1.strict validate 2.replace() is more elegant(my solution is ugly). thanks for you feedback @MatthewLock :)

Bill Criswell · Accepted Answer · 2013-12-17 01:51:42Z

1

You can do this pretty easily with split and join.

var yyyymmdd = '2013-12-31'.split('-'),
    mmyyyy = [ yyyymmdd[1], yyyymmdd[0] ].join('-');

console.log('The date is: ', mmyyyy );

edited Dec 17, 2013 at 1:51

answered Dec 17, 2013 at 1:35

Bill Criswell

33k8 gold badges80 silver badges68 bronze badges

Collectives™ on Stack Overflow

Javascript to format date value

4 Answers 4

3 Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related