JavaScript - Rearrange String order?

Question

var date = $(this).attr("ows_Date");

My current code displays a string output: 2017-01-02

Is there a Javascript code where I can move the first 4 digit to the back? How do i turn it into 01-02-2017?

Any suggestions?

Answer 1

I went really far with this one as the currently accepted answer utilises and manipulates arrays. This could scale quite badly as these functions are quite expensive (compared to alternatives).

The best solution i have found so far is:

function rearrangeDate(dateString) {

  var numbers = dateString.substring(0,4);

  return dateString.substring(5) + '-' + numbers
}

rearrangeDate('2017-01-02'); 

Checkout the relative performance of different approaches here

Answer 2

var d=$(this).attr("ows_Date");
var date=new Date(d);
alert((date.getMonth() + 1) + '-' + date.getDate() + '-' +  date.getFullYear())

Answer 3

I would prefer using the solution by @Deepmala because it takes into account the date being formatted differently, however if you wanted a 'moving numbers' solution:

function rearrangeDate(dateString) {
  var delimiter = '-';
  var numbers = dateString.split(delimiter);
  var year = numbers.shift(); // remove first element and return it
  numbers.push(year);
  return numbers.join(delimiter);
}

rearrangeDate('2017-01-02'); // '01-02-2017'

Answer 4

If SharePoint is loaded then it has added a format option

see: Changing date format using javascript

Makes it a one liner:

String.format("{0:MM}-{0:dd}-{0:yyyy}", new Date("2017-01-02"))

Provided your Browsers date notation matches.. is it Jan 2nd or Feb 1st ??