Get localized short names of days of week from monday to sunday in JavaScript

Question

How can I get localized short names of the days of the week, starting from monday to sunday, in JavaScript?

I’m voting to close because this is not a question. Answering your own question is okay, but do post an actual question first with your answer as a response to it. — Domino, Jun 13 '23 at 11:37
Self-answers are allowed here (https://stackoverflow.com/help/self-answer) - but please stick with the format of this Q&A site; ask a proper question first, and then give an actual answer to that. — CBroe, Jun 13 '23 at 11:37
Also please look for a [dupe](https://stackoverflow.com/a/73125768/295783) first — mplungjan, Jun 13 '23 at 11:59
(Note: The question was changed after the first comment (but into [broken English](https://www.youtube.com/watch?v=t4yWEt0OSpg&t=1m49s)).) — Peter Mortensen, Jun 13 '23 at 13:14

score 1 · Answer 1 · edited Jun 13 '23 at 13:17

Here is an example with a French locale:

const locale = "fr-fr";
const shortNames = [];
const formatter = new Intl.DateTimeFormat(locale, {
  weekday: 'short'
});
const today = new Date();
const startDay = 1; // Monday
for (let day = startDay; day < startDay + 7; day++) {
  const date = new Date(today);
  date.setDate(today.getDate() + ((day - today.getDay() + 7) % 7));
  const formattedParts = formatter.formatToParts(date);
  const shortName = formattedParts.find(part => part.type === 'weekday').value;
  shortNames.push(shortName);
}
console.log(shortNames);

score 0 · Answer 2 · edited Jun 13 '23 at 13:19

Another example with long names in English:

const locale = "en-us";
const longNames = [];
const formatter = new Intl.DateTimeFormat(locale, {
  weekday: 'long'
});
const today = new Date();
const startDay = 1; // Monday
for (let day = startDay; day < startDay + 7; day++) {
  const date = new Date(today);
  date.setDate(today.getDate() + ((day - today.getDay() + 7) % 7));
  const formattedParts = formatter.formatToParts(date);
  const longName = formattedParts.find(part => part.type === 'weekday').value;
  longNames.push(longName);
}
console.log(longNames);

score 0 · Answer 3 · edited Jun 13 '23 at 13:21

You seem to be overcomplicating things. You can initialise the date used for getting the day names to a date that is the day you want to start on. Also, toLocaleString is simpler and accepts the same options as DateTimeFormat without the overhead.

Here's a simple for loop version:

function getShortWeekdayNames(lang) {
  let days = [];
  for (let d = new Date(2023,5,12), i=7; i; --i) {
    days.push(d.toLocaleString(lang, {weekday:'short'}));
    d.setDate(d.getDate() + 1);
  }
  return days;
}

console.log(getShortWeekdayNames('fr'));

And a more obfuscated one-liner:

let getShortWeekdayNames = lang => new Array(7).fill(0).map((x, i) => new Date(1,0,i).toLocaleString(lang, {weekday:'short'}));

console.log(getShortWeekdayNames('ar'));

If you play with it a little more, you can have the caller specify the first day of the week as the ECMAScript day number and use that when initialising the date:

let getShortWeekdayNames = (lang, d=1) => new Array(7).fill(0).map((x, i) => new Date(1,3,i+d).toLocaleString(lang, {weekday:'short'}));

// Monday start (default)
console.log(getShortWeekdayNames('en').join());
// Sunday start
console.log(getShortWeekdayNames('en', 0).join());
// Saturday start
console.log(getShortWeekdayNames('en', 6).join());

Get localized short names of days of week from monday to sunday in JavaScript

3 Answers3