Adding st, th, rd to jQuery date

Question

I checked the other posts similar to this but I didn't get the answer I needed.

How do I add those words to the end of my numbers?

here's my jQuery code:

var monthNames = [ "January", "February", "March", "April", "May", "June",
            "July", "August", "September", "October", "November", "December" ];
        var dayNames= ["Sunday,","Monday,","Tuesday,","Wednesday,","Thursday,","Friday,","Saturday,"]

        var newDate = new Date();
        newDate.setDate(newDate.getDate());    
        $('#the-date').html(dayNames[newDate.getDay()] + " " + monthNames[newDate.getMonth()] + ' ' + newDate.getDate() + ' ' );

Did you see [this question and its accepted answer](https://stackoverflow.com/questions/13627308/add-st-nd-rd-and-th-ordinal-suffix-to-a-number)? It seems to be just what you need. — Cave Johnson, May 20 '16 at 19:51
Although this [function](https://ecommerce.shopify.com/c/ecommerce-design/t/ordinal-number-in-javascript-1st-2nd-3rd-4th-29259) from one of the answers looks pretty nice — Cave Johnson, May 20 '16 at 19:54
Could you please show me how to combine that code and my code? — Chad, May 20 '16 at 19:57

score 0 · Answer 1 · answered May 20 '16 at 19:52

0

moment.js is great for working with dates and offers this via format. For example:

moment().format("MMM Do YY"); // May 20th 16

answered May 20 '16 at 19:52

Chris

149
10

score 0 · Answer 2 · edited May 23 '17 at 10:29

From this question:

var suffix = "";
switch(inst.selectedDay) {
    case '1': case '21': case '31': suffix = 'st'; break;
    case '2': case '22': suffix = 'nd'; break;
    case '3': case '23': suffix = 'rd'; break;
    default: suffix = 'th';
}

Add in like this:

// below `newDate.setDate` line
var dateNumber = newData.getDate();
var suffix = "";
switch(dateNumber) {
    case '1': case '21': case '31': suffix = 'st'; break;
    case '2': case '22': suffix = 'nd'; break;
    case '3': case '23': suffix = 'rd'; break;
    default: suffix = 'th';
}
$('#the-date').html(dayNames[newDate.getDay()] + " " + monthNames[newDate.getMonth()] + ' ' + dateNumber + suffix + ' ' );

And if the strings in the cases don't work, use ints: `case 1: case 21: case 31:` etc. (the same as the code above, just without the quotations surrounding the numbers. — Sander Moolin, May 20 '16 at 19:59

Adding st, th, rd to jQuery date

2 Answers2