How do you format the day of the month to say “11th”, “21st” or “23rd” in Dart?

Question

I have a date and want to display the date with the suffix th, st, rd, etc.

Here is my dart code.

int year = date.year;
int month = date.month;
int day = date.day;

DateTime dateSelected = new DateTime(year, month, day);
var formatter = new DateFormat('EEEE MMMM dd, yyyy');
displayDate = formatter.format(dateSelected);

This displays dates as "Wednesday April 23, 2014" for example, but I need "Wednesday April 23rd, 2014".

I'm using the intl package.

import 'package:intl/intl.dart';

If this is only going to need to appear in English speaking countries, I recommend something similar to this answer for Java http://stackoverflow.com/questions/4011075/how-do-you-format-the-day-of-the-month-to-say-11th-21st-or-23rd-in-java — davecom, Apr 26 '14 at 15:18
Remember it's not always necessary to write it like that ```One writes January 1, but says “January first.” One writes November 12, but says “November twelfth.” The only time to use the “th, nd, rd” and “st” with numbers is with ordinal numbers.``` https://www.dailywritingtips.com/january-1-doesnt-need-an-st/ — Er1, Jan 07 '21 at 09:47

Johngorithm · Answer 1 · 2019-10-23T11:55:06.770

String getDayOfMonthSuffix(int dayNum) {
    if(!(dayNum >= 1 && dayNum <= 31)) {
      throw Exception('Invalid day of month');
    }

    if(dayNum >= 11 && dayNum <= 13) {
      return 'th';
    }

    switch(dayNum % 10) {
      case 1: return 'st';
      case 2: return 'nd';
      case 3: return 'rd';
      default: return 'th';
    }
}

The above method gets the suffix for you. You can use string concatenation or string interpolation to put together the format you want. e.g

'$day ${getDayOfMonthSuffix(day)}'

Jama Mohamed · Accepted Answer · 2023-03-11T13:01:08.317

12

Try out this package, Jiffy, inspired by momentjs.

Just simply add the do date pattern. See below

Jiffy.parseFromList([2014, 4, 23]).format("EEEE MMMM do, yyyy"); // Wednesday April 23rd, 2014

You can also add your DateTime object

Jiffy.parseFromDateTime(DateTime(2014, 4, 23)).format("EEEE MMMM do, yyyy"); // Wednesday April 23rd, 2014

edited Mar 11 '23 at 13:01

answered Nov 01 '19 at 19:13

Jama Mohamed

3,057
4
29
43

You seem to have changed the format to require a named parameter?? '''Jiffy.parseFromDateTime(DateTime(2014, 4, 23)).format(pattern: "EEEE MMMM do, yyyy");''' – BillyParadise Mar 31 '23 at 16:43

score 8 · Answer 3 · answered Apr 26 '14 at 18:22

I don’t think that there’s build-in functionality for that. You could format the date like that:

format(DateTime date) {
  var suffix = "th";
  var digit = date.day % 10; 
  if ((digit > 0 && digit < 4) && (date.day < 11 || date.day > 13)) {  
    suffix = ["st", "nd", "rd"][digit - 1];
  }
  return new DateFormat("EEEE MMMM d'$suffix', yyyy").format(date);
}

Note: If you don’t want explicit the '01st' one d is enough.

score 2 · Answer 4 · answered Feb 01 '22 at 00:48

2

May not be better...but shorter

static final _dayMap = {1: 'st', 2: 'nd', 3: 'rd'};
static String dayOfMonth(int day) => "$day${_dayMap[day] ?? 'th'}";

answered Feb 01 '22 at 00:48

mmaitlen

824
9
17

simple, intuitive and fast --> love it! – Christian X Mar 09 '22 at 20:14
What about `dayOfMonth(21)`. Your function currently returns `21th`. Try this instead: `static String dayOfMonth(int day) => "$day${_dayMap[day % 10] ?? 'th'}";` – Ansh Saini Jul 24 '22 at 04:54
1

@AnshSaini Unfortunately yours would fail too for cases like dayOfMonth(12) and others. It would return 12nd. – user1613360 Aug 02 '22 at 18:53
Yes you're right. Thank your for pointing that out. – Ansh Saini Aug 06 '22 at 11:47

Reinier Garcia · Answer 5 · 2023-07-08T23:57:31.893

A SIMPLER/CLEANER SOLUTION:

Install the package moment_dart from your terminal.

flutter pub add moment_dart

Usage:

import 'package:moment_dart/moment_dart.dart';
.
.
.
final now = Moment.now();
print(now.format('dddd, Do'));

Output on your console:

flutter: Wednesday, 23rd

So to achieve exactly what you want, it would have to be:

print(now.format('dddd MMMM Do, YYYY'));

Output on your console:

flutter: Wednesday April 23rd, 2014

How do you format the day of the month to say “11th”, “21st” or “23rd” in Dart?

5 Answers5