Vfrdtyky

Here:

JSFiddle

var fortnightAway = new Date(+new Date + 12096e5),

  date = fortnightAway.getDate(),

  month = ["January","February","March","April","May","June","July",

           "August","September","October","November","December"][fortnightAway.getMonth()];



function nth(d) {

  if (d > 3 && d < 21) return 'th'; 

  switch (d % 10) {

    case 1:  return "st";

    case 2:  return "nd";

    case 3:  return "rd";

    default: return "th";

  }

}

document.body.innerHTML = date + nth(date) + " " +

  month + " " + 

  fortnightAway.getFullYear();

Here is a one liner inspired by the other answers. It is tested and will take 0 and negative numbers.

function getOrdinalNum(n) {

  return n + (n > 0 ? ['th', 'st', 'nd', 'rd'][(n > 3 && n < 21) || n % 10 > 3 ? 0 : n % 10] : '');

}

Lots of formatting answers, so I'll just work on the nth of any integer-

Number.prototype.nth= function(){

    if(this%1) return this;

    var s= this%100;

    if(s>3 && s<21) return this+'th';

    switch(s%10){

        case 1: return this+'st';

        case 2: return this+'nd';

        case 3: return this+'rd';

        default: return this+'th';

    }

}

I was doing this for dates as well, but because the day of month can only be between 1 and 31, I ended up with a simplified solution.

function dateOrdinal(dom) {

    if (dom == 31 || dom == 21 || dom == 1) return dom + "st";

    else if (dom == 22 || dom == 2) return dom + "nd";

    else if (dom == 23 || dom == 3) return dom + "rd";

    else return dom + "th";

};

or compact version using conditional operators

function dateOrdinal(d) {

    return d+(31==d||21==d||1==d?"st":22==d||2==d?"nd":23==d||3==d?"rd":"th")

};

http://jsben.ch/#/DrBpl

Lots of answers, here's another:

function addOrd(n) {

  var ords = [,'st','nd','rd'];

  var ord, m = n%100;

  return n + ((m > 10 && m < 14)? 'th' : ords[m%10] || 'th');

}



// Return date string two weeks from now (14 days) in 

// format 13th March 2013

function formatDatePlusTwoWeeks(d) {

  var months = ['January','February','March','April','May','June',

                'July','August','September','October','November','December'];



  // Copy date object so don't modify original

  var e = new Date(d);



  // Add two weeks (14 days)

  e.setDate(e.getDate() + 14);

  return addOrd(e.getDate()) + ' ' + months[e.getMonth()] + ' ' + e.getFullYear();

}



alert(formatDatePlusTwoWeeks(new Date(2013,2,13))); // 27th March 2013

I'm a bit late to the party, but this should work:

function ordinal(number) {

  number = Number(number)

  if(!number || (Math.round(number) !== number)) {

    return number

  }

  var signal = (number < 20) ? number : Number(('' + number).slice(-1))

  switch(signal) {

    case 1:

      return number + 'st'

    case 2:

      return number + 'nd'

    case 3:

      return number + 'rd'

    default:

      return number + 'th'

  }

}



function specialFormat(date) {

  // add two weeks

  date = new Date(+date + 12096e5)

  var months = [

    'January'

    , 'February'

    , 'March'

    , 'April'

    , 'May'

    , 'June'

    , 'July'

    , 'August'

    , 'September'

    , 'October'

    , 'November'

    , 'December'

  ]

  var formatted = ordinal(date.getDate())

  formatted += ' ' + months[date.getMonth()]

  return formatted + ' ' + date.getFullYear()

}



document.body.innerHTML = specialFormat(new Date())

As many has mentioned, here is another answer.

This is directly based on @kennebec's answer, which I found the most simplest way to get this date Ordinal generated for given JavaScript date:

I created two prototype function as follows:

Date.prototype.getDateWithDateOrdinal = function() {

    var d = this.getDate();  // from here on I've used Kennebec's answer, but improved it.

    if(d>3 && d<21) return d+'th';

    switch (d % 10) {

        case 1:  return d+"st";

        case 2:  return d+"nd";

        case 3:  return d+"rd";

        default: return d+"th";

    }

};



Date.prototype.getMonthName = function(shorten) {

    var monthsNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

    var monthIndex = this.getMonth();

    var tempIndex = -1;

    if (monthIndex == 0){ tempIndex = 0 };

    if (monthIndex == 1){ tempIndex = 1 };

    if (monthIndex == 2){ tempIndex = 2 };

    if (monthIndex == 3){ tempIndex = 3 };

    if (monthIndex == 4){ tempIndex = 4 };

    if (monthIndex == 5){ tempIndex = 5 };

    if (monthIndex == 6){ tempIndex = 6 };

    if (monthIndex == 7){ tempIndex = 7 };

    if (monthIndex == 8){ tempIndex = 8 };

    if (monthIndex == 9){ tempIndex = 9 };

    if (monthIndex == 10){ tempIndex = 10 };

    if (monthIndex == 11){ tempIndex = 11 };



    if (tempIndex > -1) {

        this.monthName = (shorten) ? monthsNames[tempIndex].substring(0, 3) : monthsNames[tempIndex];

    } else {

        this.monthName = "";

    }



    return this.monthName;

};

Note: just include the above prototype functions within your JS Script and use it as described bellow.

And whenever there is a JS date I need to generate the date with date ordinal I use that prototype method as follows on that JS date:

var myDate = new Date();

// You may have to check your JS Console in the web browser to see the following

console.log("date with date ordinal: "+myDate.getDateWithDateOrdinal()+" "+myDate.getMonthName()+" "+myDate.getFullYear());



// or I will update the Div. using jQuery

$('#date').html("date with date ordinal: "+myDate.getDateWithDateOrdinal()+" "+myDate.getMonthName()+" "+myDate.getFullYear());

And it will print out date with date ordinal as shown in the following live demo:

	Date.prototype.getMonthName = function(shorten) {

		var monthsNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

		var monthIndex = this.getMonth();

		var tempIndex = -1;

	    if (monthIndex == 0){ tempIndex = 0 };

	    if (monthIndex == 1){ tempIndex = 1 };

	    if (monthIndex == 2){ tempIndex = 2 };

	    if (monthIndex == 3){ tempIndex = 3 };

	    if (monthIndex == 4){ tempIndex = 4 };

	    if (monthIndex == 5){ tempIndex = 5 };

	    if (monthIndex == 6){ tempIndex = 6 };

	    if (monthIndex == 7){ tempIndex = 7 };

	    if (monthIndex == 8){ tempIndex = 8 };

	    if (monthIndex == 9){ tempIndex = 9 };

	    if (monthIndex == 10){ tempIndex = 10 };

	    if (monthIndex == 11){ tempIndex = 11 };



	    if (tempIndex > -1) {

			this.monthName = (shorten) ? monthsNames[tempIndex].substring(0, 3) : monthsNames[tempIndex];

	    } else {

	    	this.monthName = "";

	    }



	    return this.monthName;

	};



    Date.prototype.getDateWithDateOrdinal = function() {

		var d = this.getDate();  // from here on I've used Kennebec's answer, but improved it.

	    if(d>3 && d<21) return d+'th';

	    switch (d % 10) {

            case 1:  return d+"st";

            case 2:  return d+"nd";

            case 3:  return d+"rd";

            default: return d+"th";

        }

	};



	var myDate = new Date();

    // You may have to check your JS Console in the web browser to see the following

	console.log("date with date ordinal: "+myDate.getDateWithDateOrdinal()+" "+myDate.getMonthName()+" "+myDate.getFullYear());

    

    // or I will update the Div. using jQuery

    $('#date').html("date with date ordinal: "+myDate.getDateWithDateOrdinal()+" "+myDate.getMonthName()+" "+myDate.getFullYear());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p id="date"></p>

.

A short and compact solution:

function format(date, tmp){

  return [

    (tmp = date.getDate()) + 

      ([, 'st', 'nd', 'rd'][/1?.$/.exec(tmp)] || 'th'),

    [ 'January', 'February', 'March', 'April',

      'May', 'June', 'July', 'August',

      'September', 'October', 'November', 'December'

    ][date.getMonth()],

    date.getFullYear()

  ].join(' ')

}





// 14 days from today



console.log('14 days from today: ' + 

  format(new Date(+new Date + 14 * 864e5)));



// test formatting for all dates within a month from today



var day = 864e5, today = +new Date;

for(var i = 0; i < 32; i++) {

  console.log('Today + ' + i + ': ' + format(new Date(today + i * day)))

}

(The compact regex-based approach for getting the ordinal suffix appears several places around the web, original source unknown)

Super simple functional implementation:

const ordinal = (d) => {

  const nth = { '1': 'st', '2': 'nd', '3': 'rd' }

  return `${d}${nth[d] || 'th'}`

}



const monthNames = ['January','February','March','April','May','June','July','August','September','October','November','December']



const dateString = (date) => `${ordinal(date.getDate())} ${monthNames[date.getMonth()]} ${date.getFullYear()}`



// Use like this: 

dateString(new Date()) // 18th July 2016

Strongly inspired by @user2309185's.

const ordinal = (d) => {

  return d + (['st', 'nd', 'rd'][d % 10 - 1] || 'th')

}

Here is an easy solution:

var date = today.getDate() + (today.getDate() % 10 == 1 && today.getDate() != 11 ? + 'st': (today.getDate() % 10 == 2 && today.getDate() != 12 ? + 'nd': 



(today.getDate() % 10 == 3 && today.getDate() != 13 ? + 'rd':'th')));