How to change the date format in jquery?

Question

I have a variable which stores the date as "18/07/2013". I need to parse this to "07/18/2013". How this is possible in jquery?

var date = $("#dte").val();

It's impossible in jQuery. jQuery does not have any date formatting tools. — Bergi
– Bergi, Commented Jul 17, 2013 at 15:02
If you need to do anything more complicated with those dates, consider using Moment.js. — nullability
– nullability, Commented Jul 17, 2013 at 15:08

user2188149 · Accepted Answer · 2013-07-17 15:06:59Z

2

var date = $("#dte").val();

d=date.split('/');

newdate=d[2]+"/"+d[1]+"/"+d[0];

return newdate;

answered Jul 17, 2013 at 15:06

user2188149

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

Comments

Bergi · Accepted Answer · 2013-07-17 15:04:21Z

1

You could use

var date = $("#dte").val().replace(/^(\d\d)\/(\d\d)/, "$2/$1");

to swap month and date part.

answered Jul 17, 2013 at 15:04

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Comments

MaxArt · Accepted Answer · 2013-07-17 15:04:29Z

1

A simple replace would do the trick:

date = date.replace(/^(\d\d)\/(\d\d)\//, "$2/$1/");

No need of jQuery for this.

answered Jul 17, 2013 at 15:04

MaxArt

22.8k10 gold badges85 silver badges82 bronze badges

Comments

Yotam Omer · Accepted Answer · 2013-07-17 15:10:30Z

1

Try this:

var date = $("#dte").val().split('/');
var newDate = date[1]+'/'+date[0]+'/'+date[2];
alert(newDate); // or $("#dte").val(newDate); if you want to update the input

edited Jul 17, 2013 at 15:10

answered Jul 17, 2013 at 15:04

Yotam Omer

15.4k11 gold badges65 silver badges65 bronze badges

Comments

Karthik AMR · Accepted Answer · 2013-07-27 07:08:54Z

1

Try this out. It helped me to format date in jQuery

 $.datepicker.formatDate('dd/mm/yy', new Date(yourDateString))

answered Jul 27, 2013 at 7:08

Karthik AMR

1,71421 silver badges29 bronze badges

Comments

ujjwal · Accepted Answer · 2013-07-17 15:05:41Z

0

There is jQuery dateFormat jquery plugin..you can use that for show date format.

answered Jul 17, 2013 at 15:05

ujjwal

293 bronze badges

Comments

Jay Harris · Accepted Answer · 2013-07-17 15:06:06Z

0

 var date = date.replace(/(\d\d)\/(\d\d)\/(\d\d)/, "$2/$1/$3");

JSFIDDLE

answered Jul 17, 2013 at 15:06

Jay Harris

4,27120 silver badges22 bronze badges

Comments

adeneo · Accepted Answer · 2013-07-17 15:12:04Z

0

javascript's Date accepts a string in the format year / month / day, so just reverse the order and create a date object :

var date = '18/07/2013';
var dObj = new Date(date.split('/').reverse().join('/'));

var newD = dObj.getDate() + '/' + (dObj.getMonth()+1) + '/' + dObj.getFullYear();

FIDDLE

answered Jul 17, 2013 at 15:12

adeneo

319k29 gold badges410 silver badges392 bronze badges

Collectives™ on Stack Overflow

How to change the date format in jquery?

8 Answers 8

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related