How to reverse date format yyyy-mm-dd using javascript/jquery?

Question

I want to change the date for of data which is in format 2016-10-15 to d-m-yy format in jquery as 15-10-2016.I tried and console the output it shows 2016-10-15.I caught this result in jquery ajax page which is fetched from database.

$.each(req,function(i,item){
    var val=$.format.date(req[i].from_date, "dd/MMM/yyyy");
    console.log(val);   //'2016-10-15'
});

You can get it from here, stackoverflow.com/questions/20946475/… — Mr. J
– Mr. J, Commented Oct 25, 2016 at 5:54

Mohammad · Accepted Answer · 2016-10-25 05:56:07Z

24

You can do this work use native javascript functions. Use .split() to split date by - delimiter into array and invert array using .reverse() and convert array to sting using .join()

var date = "2016-10-15";
date = date.split("-").reverse().join("-");
console.log(date);

answered Oct 25, 2016 at 5:56

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

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

Comments

Manh Nguyen · Accepted Answer · 2016-10-25 05:53:15Z

3

You can do in javascript like this:

var dateAr = '2016-10-15'.split('-');
var newDate = dateAr[1] + '-' + dateAr[2] + '-' + dateAr[0];

console.log(newDate);

answered Oct 25, 2016 at 5:53

Manh Nguyen

9405 silver badges12 bronze badges

Comments

nnnnnn · Accepted Answer · 2016-10-25 06:15:49Z

3

Easy with a regex .replace():

var input = "2016-10-15";
var output = input.replace(/(\d{4})-(\d\d)-(\d\d)/, "$3-$2-$1");
console.log(output);

You can easily allow the regex to accept several delimeters:

var re = /(\d{4})[-. \/](\d\d)[-. \/](\d\d)/;

console.log("2015-10-15".replace(re, "$3-$2-$1"));
console.log("2015.10.15".replace(re, "$3-$2-$1"));
console.log("2015 10 15".replace(re, "$3-$2-$1"));
console.log("2015/10/15".replace(re, "$3-$2-$1"));

answered Oct 25, 2016 at 6:15

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Comments

Bharat · Accepted Answer · 2016-10-25 05:58:36Z

1

You can try like this.

 var OldDate = new Date('2016-10-15');
 var NewDate = OldDate.getDate() + '-' + (OldDate.getMonth() + 1) + '-' + OldDate.getFullYear();

answered Oct 25, 2016 at 5:58

Bharat

2,4643 gold badges28 silver badges37 bronze badges

Comments

4b0 · Accepted Answer · 2016-10-25 06:01:38Z

1

One way to do this :

    var MyDate = '2016-10-15';
    var formattedDate = new Date(MyDate);
    var d = formattedDate.getDate();
    var m =  formattedDate.getMonth();
    m += 1;  // JavaScript months are 0-11
    var y = formattedDate.getFullYear();
    alert(d + "-" + m + "-" + y);

Working Fiddle

answered Oct 25, 2016 at 6:01

4b0

22.4k30 gold badges97 silver badges143 bronze badges

Comments

Jazzzzzz · Accepted Answer · 2016-10-25 06:14:33Z

1

You can get date in many formats you refer below code.

var dateObj = new Date();
var div = document.getElementById("dateDemo");

div.innerHTML = "Date = " + dateObj.getDate() + 
"<br>Day = " + dateObj.getDay() + 
"<br>Full Year = " + dateObj.getFullYear() +
"<br>Hour = " + dateObj.getHours() +
"<br>Milli seconds = " + dateObj.getMilliseconds() + 
"<br>Minutes = " + dateObj.getMinutes() + 
"<br>Seconds = " + dateObj.getSeconds() + 
"<br>Time = " + dateObj.getTime();

<div id="dateDemo"></div>

format the date as you want.

answered Oct 25, 2016 at 6:14

Jazzzzzz

1,63316 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to reverse date format yyyy-mm-dd using javascript/jquery?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related