ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(localize): allow long/short/narrow param getMonthNames

Browse source
This commit is contained in:
Thijs Louisse 2019-05-15 17:00:37 +02:00 committed by Thomas Allmer
parent 6cfa301d1c
commit 144ebceb37
2 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/localize/src/date/getMonthNames.js
View file

@ -2,8 +2,14 @@ import { normalizeDate } from './normalizeDate.js';
const monthsLocaleCache = {};
export function getMonthNames({ locale }) {
let months = monthsLocaleCache[locale];
/**
* @desc Returns month names for locale
* @param {string} options.locale locale
* @param {string} [options.style=long] long, short or narrow
* @returns {Array} like: ['Januray', 'February', ...etc].
*/
export function getMonthNames({ locale, style = 'long' } = {}) {
let months = monthsLocaleCache[locale] && monthsLocaleCache[locale][style];
if (months) {
return months;
@ -11,7 +17,7 @@ export function getMonthNames({ locale }) {
months = [];
const formatter = new Intl.DateTimeFormat(locale, { month: 'long' });
const formatter = new Intl.DateTimeFormat(locale, { month: style });
for (let i = 0; i < 12; i += 1) {
const date = new Date(2019, i, 1);
const formattedDate = formatter.format(date);
@ -19,7 +25,8 @@ export function getMonthNames({ locale }) {
months.push(normalizedDate);
}
monthsLocaleCache[locale] = months;
monthsLocaleCache[locale] = monthsLocaleCache[locale] || {};
monthsLocaleCache[locale][style] = months;
return months;
}

11
packages/localize/test/date/getMonthNames.test.js
View file

@ -18,4 +18,15 @@ describe('getMonthNames', () => {
s`一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月`,
);
});
it('supports "short" style', () => {
expect(getMonthNames({ locale: 'en-GB', style: 'short' })).to.deep.equal(
s`Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec`,
);
expect(getMonthNames({ locale: 'nl-NL', style: 'short' })).to.deep.equal(
s`jan. feb. mrt. apr. mei jun. jul. aug. sep. okt. nov. dec.`,
);
expect(getMonthNames({ locale: 'zh-CH', style: 'short' })).to.deep.equal(
s`1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月`,
);
});
});