how to change the date format using jquery

Question

I have a input date field whose value is in this "2014-06-07 07:14"(year-month-date hour:minute) format how can i change it to 06/07/2014 07/14( mm/dd/yy) format using jquery.

look at this library github.com/minagabriel/dtmFRM this library do the exact same thing as C# .tostring() date time format — Mina Gabriel
– Mina Gabriel, Commented Jun 6, 2014 at 14:21
Yes please let me know you it is down voted. is it only because i am new to jquery? — Jhon
– Jhon, Commented Jun 6, 2014 at 14:22

Augustus Francis · Accepted Answer · 2014-06-06 14:33:20Z

2

DateFormat originalFormat = new SimpleDateFormat("yyyy-MM-dd hh:mm", Locale.ENGLISH);
DateFormat targetFormat = new SimpleDateFormat("dd/MM/yyyt hh/mm");
Date date = originalFormat.parse("2014-06-07 07:14");
String formattedDate = targetFormat.format(date);  // 06/07/2014 07/14

Docs of SimpleDateFormat#format

PS: A JavaScript implementation of the format() method of Java's SimpleDateFormat: is available here

edited Jun 6, 2014 at 14:33

answered Jun 6, 2014 at 14:27

Augustus Francis

2,6714 gold badges24 silver badges32 bronze badges

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

Comments

hlscalon · Accepted Answer · 2014-06-09 14:21:28Z

2

Why using jQuery to do this ?

Use plain js:

var date = new Date('2014-06-07 07:14');
alert((date.getMonth() + 1) + '/' + date.getDate() + '/' +  date.getFullYear() + ' ' +          date.getHours() + '/' + date.getMinutes());

http://jsfiddle.net/F4nq8/

It seems that IE and Safari have some bug with YYYYMMDD dates so a workaround could be something like:

var s = "2014-06-07 07:14";
var t = s.split(" ");
var d = t[0].split("-");
var x = d[1] + "/" + d[2] + "/" + d[0] + " " + t[1];
var date = new Date(x);
alert((date.getMonth() + 1) + '/' + date.getDate() + '/' +      date.getFullYear() + ' ' + date.getHours() + '/' + date.getMinutes());

http://jsfiddle.net/F4nq8/4/

Some reference about this behaviour: http://biostall.com/javascript-new-date-returning-nan-in-ie-or-invalid-date-in-safari

edited Jun 9, 2014 at 14:21

answered Jun 6, 2014 at 14:27

hlscalon

7,6004 gold badges35 silver badges41 bronze badges

4 Comments

hlscalon Over a year ago

@user3341149 have you checked the jsfiddle link in the description ?

Jhon Over a year ago

Even if var date = new Date('2014-06-07 07:14'); console.log(date); saying invalid date.

hlscalon Over a year ago

What browser,version are you using ?

Jhon Over a year ago

Still not working on firefox. please check the below answer its working fine.

Collectives™ on Stack Overflow

how to change the date format using jquery

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related