Dfyjkt

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) 

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) ;

or compact version using conditional operators

function dateOrdinal(d) 2==d?"nd":23==d;

http://jsben.ch/#/DrBpl

Lots of answers, here's another:

function addOrd(n) 

// 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 

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)


// 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] `


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) => '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')));