发布于 2026-01-06 0 阅读
0

如何获取您所在地区的月份列表

如何获取您所在地区的月份列表

您好!很高兴向您展示一个简单的 TypeScript 函数,或许能帮您节省时间。很多情况下,您需要实现月份选择器。有时,它还需要支持不同的语言环境。请看下面的示例:

function getMonthList(
  locales?: string | string[],
  format: "long" | "short" = "long"
): string[] {
  const year = new Date().getFullYear(); // 2020
  const monthList = [...Array(12).keys()]; // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
  const formatter = new Intl.DateTimeFormat(locales, {
    month: format
  });

  const getMonthName = (monthIndex: number) =>
    formatter.format(new Date(year, monthIndex));

  return monthList.map(getMonthName);
}
Enter fullscreen mode Exit fullscreen mode

就是这样。只需将您的语言环境作为参数提供即可。
例如,🇬🇧getMonthList('en')将返回:

January
February
March
April
May
June
July
August
September
October
November
December
Enter fullscreen mode Exit fullscreen mode

请在codesandbox上自行尝试

如果要使用名称的缩写版本,只需将第二个参数设置为 `🇬🇧` 即可short
例如,`🇬🇧`getMonthList('en', 'short')将返回:

Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Enter fullscreen mode Exit fullscreen mode

在推特上关注我

根据您的要求,我已经从包
中提取了函数

文章来源:https://dev.to/pretaporter/how-to-get-month-list-in-your-language-4lfb