Question

I have a string value something like the below values

9/21/2010
9/24/2010

And I want to convert those to

September 21nd, 2010
September 24th, 2010

is there an easy way of doing this? Or do I have to do it the hard way?

PS. This is strictly javascript, please don’t post jQuery examples.

Thanks!

Answer 1

It depends on what you mean by “the hard way”. One way is to split the date into it’s components and convert to date (assuming US m/d/y format) and then format the date object how you want:

function toDate(s) {
  var bits = s.split('/');
  return new Date(bits[2], bits[0] - 1, bits[1]);
}


function addOrdinal(n) {
  var ords = ['th','st','nd','rd'];
  var o = ('' + (n%10))
  if (n > 10 && n < 14) {
    return n + 'th';
  } else {
    return n + (ords[o] || 'th');
  }
}


function formatDate(d) {
  var months = ['January','February','March','April','May','June',
                'July','August','September','October','November','December'];
  return months[d.getMonth()] + ' ' + addOrdinal(d.getDate()) + ', ' + d.getFullYear();
}

Another is to just convert the month to its name:

function reFormatDate(s) {
  var bits = s.split('/');
  var months = [,'January','February','March','April','May','June',
                'July','August','September','October','November','December'];
  return months[bits[0]] + ' ' + addOrdinal(bits[1]) + ', ' + bits[2];
}

Edit

Added the ordinal to date.