从日期获取月份名称

Question

如何从 JavaScript 中的日期对象生成月份名称（例如：Oct/October）？

var objDate = new Date("10/11/2009");

Answer 1

现在可以使用 ECMAScript 国际化 API 来做到这一点：

const date = new Date(2009, 10, 10);  // 2009-11-10
const month = date.toLocaleString('default', { month: 'long' });
console.log(month);

'long' 使用月份的完整名称，'short' 为短名称，'narrow' 为更简单的版本，例如字母语言中的第一个字母。

您可以将浏览器的'default'区域设置更改为您喜欢的任何区域设置（例如'en-us'），它将使用该语言/国家/地区的正确名称。

使用 toLocaleString^api 您每次都必须传入区域设置和选项。如果您要在多个不同的日期使用相同的区域设置信息和格式选项，则可以使用 Intl.DateTimeFormat 代替：

const formatter = new Intl.DateTimeFormat('fr', { month: 'short' });
const month1 = formatter.format(new Date());
const month2 = formatter.format(new Date(2003, 5, 12));
console.log(`${month1} and ${month2}`); // current month in French and "juin".

有关详细信息，请参阅我关于国际化 API 的博客文章。

Answer 2

较短的版本：

const monthNames = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"
];

const d = new Date();
document.write("The current month is " + monthNames[d.getMonth()]);

注意 (2019-03-08) - 我最初在 2009 年写的这个答案已经过时了。请参阅David Storey 的回答以获得更好的解决方案。

Answer 3

这是另一种，支持本地化:)

Date.prototype.getMonthName = function(lang) {
    lang = lang && (lang in Date.locale) ? lang : 'en';
    return Date.locale[lang].month_names[this.getMonth()];
};

Date.prototype.getMonthNameShort = function(lang) {
    lang = lang && (lang in Date.locale) ? lang : 'en';
    return Date.locale[lang].month_names_short[this.getMonth()];
};

Date.locale = {
    en: {
       month_names: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
       month_names_short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    }
};

然后您可以轻松添加对其他语言的支持：

Date.locale.fr = {month_names: [...]};

Answer 4

如果我们需要传递输入，那么我们需要使用以下方式

input: '2020-12-28'

Code:

new Date('2020-12-28').toLocaleString('en-us',{month:'short', year:'numeric'})

Output: " 2020 年 12 月”

Answer 5

我衷心推荐来自 format 函数href="http://momentjs.com" rel="noreferrer">moment.js 库，您可以像这样使用它：

moment().format("MMM");  // "Apr" - current date
moment(new Date(2012, 01, 04)).format("MMM");  // "Feb" - from a local date
moment.utc(new Date(2012, 00, 04).format("MMM"); // "Jan" - from a UTC date

使用“MMMM”而不是“MMM”，如果你需要月份的全名

除了一长串的其他功能之外，它还具有强大的国际化支持。

Answer 6

如果您不介意扩展 Date 原型（并且有一些充分的理由不想这样做），您实际上可以想出一个非常简单的方法：

Date.prototype.monthNames = [
    "January", "February", "March",
    "April", "May", "June",
    "July", "August", "September",
    "October", "November", "December"
];

Date.prototype.getMonthName = function() {
    return this.monthNames[this.getMonth()];
};
Date.prototype.getShortMonthName = function () {
    return this.getMonthName().substr(0, 3);
};

// usage:
var d = new Date();
alert(d.getMonthName());      // "October"
alert(d.getShortMonthName()); // "Oct"

然后这些函数将应用于所有 javascript 日期对象。

Answer 7

如果您赶时间...那就来吧！

const date = new Date(Date.now());
date.toLocaleString('en-US', {month: 'short'}); // {month:'long'}

预期输出：“Apr”

Answer 8

您可以简单地使用 Date.toLocaleDateString() 并解析所需的日期作为参数

const event = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

const options = {  year: 'numeric', month: 'short', day: 'numeric' };

console.log(event.toLocaleDateString('de-DE', options));
// expected output: Donnerstag, 20. Dezember 2012

console.log(event.toLocaleDateString('en-US', options));
// US format 


// In case you only want the month
console.log(event.toLocaleDateString(undefined, { month: 'short'}));
console.log(event.toLocaleDateString(undefined, { month: 'long'}));

您可以在 Firefox 文档

Answer 9

Date.prototype.getMonthName = function() {
    var monthNames = [ "January", "February", "March", "April", "May", "June", 
                       "July", "August", "September", "October", "November", "December" ];
    return monthNames[this.getMonth()];
}

它可以用作

var month_Name = new Date().getMonthName();

Answer 10

document.write(new Date().toLocaleString('en-us',{month:'long', year:'numeric', day:'numeric'}))

Answer 11

另一种格式化日期的方法

new Date().toLocaleString('en-us',{month:'long', year:'numeric', day:'numeric'}) //output: "May 21, 2019"

Answer 12

可以通过此完成日期对象的一些常见的简单过程。

var monthNames = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"
];
var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
  "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
];

function dateFormat1(d) {
  var t = new Date(d);
  return t.getDate() + ' ' + monthNames[t.getMonth()] + ', ' + t.getFullYear();
}

function dateFormat2(d) {
  var t = new Date(d);
  return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear();
}

console.log(dateFormat1(new Date()))
console.log(dateFormat2(new Date()))

或者你可以制作日期原型，例如

Date.prototype.getMonthName = function() {
  var monthNames = ["January", "February", "March", "April", "May", "June",
    "July", "August", "September", "October", "November", "December"
  ];
  return monthNames[this.getMonth()];
}


Date.prototype.getFormatDate = function() {
  var monthNames = ["January", "February", "March", "April", "May", "June",
    "July", "August", "September", "October", "November", "December"
  ];
  return this.getDate() + ' ' + monthNames[this.getMonth()] + ', ' + this.getFullYear();
}


console.log(new Date().getMonthName())
console.log(new Date().getFormatDate())

例如：

var dateFormat3 = new Date().getMonthName(); # March

var dateFormat4 = new Date().getFormatDate(); <代码># 2017 年 3 月 16 日

Answer 13

您可以使用 datejs 来执行此操作。检查 FormatSpecifiers，MMMM 为您提供月份的名称：

var objDate = new Date("10/11/2009");
document.write(objDate.toString("MMMM"));

并且 datejs 已将其本地化为超过 150 个地点！ 查看此处

Answer 14

尝试：

var objDate = new Date("10/11/2009");

var strDate =
    objDate.toLocaleString("en", { day: "numeric" }) + ' ' +
    objDate.toLocaleString("en", { month: "long"  }) + ' ' +
    objDate.toLocaleString("en", { year: "numeric"});

Answer 15

我们也可以将其写成更短的版本，如下所示，而不是声明包含所有月份名称的数组然后用索引指向：

var objDate = new Date().toLocaleString("en-us", { month: "long" }); // result: August
var objDate = new Date().toLocaleString("en-us", { month: "short" }); // result: Aug

Answer 16

这是一种不依赖于硬编码数组并支持多个区域设置的方法。

如果您需要整个数组：

var monthsLocalizedArray = function(locale) {
    var result = [];
    for(var i = 0; i < 12; i++) {
        result.push(new Date(2010,i).toLocaleString(locale,{month:"long"}));
    }
    return result;
};

用法：

console.log(monthsLocalizedArray('en')); // -> ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
console.log(monthsLocalizedArray('bg')); // -> ["януари", "февруари", "март", "април", "май", "юни", "юли", "август", "септември", "октомври", "ноември", "декември"]

如果您只需要选定的月份（更快）：

var monthLocalizedString = function(month, locale) {
    return new Date(2010,month).toLocaleString(locale,{month:"long"});
};

用法：

console.log(monthLocalizedString(1, 'en')); // -> February
console.log(monthLocalizedString(1, 'bg')); // -> февруари
console.log(monthLocalizedString(1, 'de')); // -> Februar

在 Chrome 和 IE 11 上经过测试并运行良好。在 mozilla 上需要进行一些修改，因为它返回整个日期。

Answer 17

最简单、最简单的方法：

const dateStr = new Date(2020, 03, 10).toDateString(); // 'Fri Apr 10 2020'
const dateStrArr = dateStr.split(' '); // ['Fri', 'Apr', '10', '2020']
console.log(dateStrArr[1]); // 'Apr'

1. 将日期转换为字符串。
2. 用 ' ' 空格分隔。
3. 从数组中选择第二个元素。

Answer 18

快速又简单

new Date("10/11/2009").toLocaleString("en-US", { month: "long" })
// 'October'

Answer 19

不幸的是，提取月份名称的最佳方法是从 UTCString 表示形式中提取：

Date.prototype.monthName = function() {
    return this.toUTCString().split(' ')[2]
};

d = new Date();
//=> Thu Mar 06 2014 23:05:21 GMT+0000 (GMT)

d.monthName();
//=> 'Mar'

Answer 20

在 IE 11、Chrome、Firefox 上测试

const dt = new Date();
const locale = navigator.languages != undefined ? navigator.languages[0] : navigator.language;
const fullMonth = dt.toLocaleDateString(locale, {month: 'long'});
console.log(fullMonth);

Answer 21

您可以使用多种可用的日期格式化程序之一。由于这属于 JavaScript 规范，因此它将在浏览器和服务器端模式下可用。

objDate.toString().split(" ")[1]; // gives short name, unsure about locale 
objDate.toLocaleDateString.split(" ")[0]; // gives long name

例如，

js> objDate = new Date(new Date() - 9876543210)
Mon Feb 04 2013 12:37:09 GMT-0800 (PST)
js> objDate.toString().split(" ")[1]
Feb
js> objDate.toLocaleString().split(" ")[0]
February

https://developer.mozilla 上有更多内容。 org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Answer 22

如今，自然的格式是使用 Moment.js。

在 Moment.js 中以字符串格式获取月份的方法非常简单，无需在代码中硬编码月份名称：
要以月份名称格式和全年（2015 年 5 月）获取当前月份和年份：

  moment(new Date).format("MMMM YYYY");

Answer 23

你可以试试这个：

let d = new Date(),
  t = d.toDateString().split(" ");

console.log(t[2] + " " + t[1] + " " + t[3]);

Answer 24

如果您使用剑道，也可以这样做。

kendo.toString(dateobject, "MMMM");

以下是来自 kendo 站点 的格式化程序列表：

“d”呈现一月中的第几天，从 1 到 31。

“dd”一月中的某一天，从 01 到 31。

“ddd”星期几的缩写名称。

“dddd”星期几的全名。

“f”日期和时间值中的十分之一秒。

“ff”日期和时间值中的百分之一秒。

“fff”日期和时间值中的毫秒。

“M”月份，从 1 到 12。

“MM”月份，从 01 到 12。

“MMM”月份的缩写名称。

“MMMM”月份的全名。

“h”小时，使用 12 小时制，从 1 到 12。

“hh”小时，使用 12 小时制，从 01 到 12。

“H”小时，使用 24 小时制，从 1 到 23。

“HH”小时，使用 24 小时制，从 01 到 23。

“m”分钟，从 0 到 59。

“mm”分钟，从 00 到 59。

“s”第二个，从 0 到 59。

“ss”第二个，从 00 到 59。

“tt”AM/PM 指示符。

“yy”年份值的最后两个字符。

“yyyy”年份完整值。

"zzz" 使用格式解析 UTC 日期字符串时的本地时区。

Answer 25

对我来说这是最好的解决方案，

对于 TypeScript 以及

const env = process.env.REACT_APP_LOCALE || 'en';

const namedMonthsArray = (index?: number): string[] | string => {
  const months = [];

  for (let month = 0; month <= 11; month++) {
    months.push(
      new Date(new Date('1970-01-01').setMonth(month))
        .toLocaleString(env, {
          month: 'long',
        })
        .toString(),
    );
  }
  if (index) {
    return months[index];
  }
  return months;
};

输出来说是

["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]

Answer 26

您可以处理或不翻译为本地语言

1. 生成值“11 Oct 2009”

const objDate = new Date("10/11/2009");
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
if (objDate !== 'Invalid Date' && !isNaN(objDate)) {
  console.log(objDate.getDate() + ' ' + months[objDate.getMonth()] + ' ' + objDate.getFullYear())
}

2. ECMAScript 国际化 API 将月份翻译为本地语言（例如：10 月 11 日）

const convertDate = new Date('10/11/2009')
const lang = 'fr' // de, es, ch 
if (convertDate !== 'Invalid Date' && !isNaN(convertDate)) {
  console.log(convertDate.getDate() + ' ' + convertDate.toLocaleString(lang, {
    month: 'long'
  }))
}

Answer 27

也可以按如下方式完成：

var x = new Date().toString().split(' ')[1];    // "Jul"

Answer 28

这是一个函数，您传入 1 到 12，然后返回完整的月份名称，例如“January”或“July”

    function getMonthName(monthNumber) {
      return new Date('1999-' + monthNumber + '-15').toLocaleString('en-us', { month: 'long' })
    }

Answer 29

如果您不想使用外部库，或存储月份名称数组，或者如果 ECMAScript 国际化 API 由于浏览器兼容性而不够好，您始终可以通过从日期输出：

var now = new Date();
var monthAbbrvName = now.toDateString().substring(4, 7);

这将为您提供缩写的月份名称，例如 Oct。我相信日期会以各种格式出现，具体取决于初始化和您的区域设置，因此请查看 toDateString() 返回的内容并据此重新计算您的 substring() 值。

Answer 30

要使用 JavaScript 将日期格式设置为“dd-MMM-yyyy”，请使用以下代码

const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
    ];

    const d = new Date();
    var dd = String(d.getDate()).padStart(2, '0');
    var mm = String(d.getMonth() + 1).padStart(2, '0');
    var yyyy = d.getFullYear();
    var fullDate = +dd +"-"+ monthNames[d.getMonth()] +"-"+ yyyy;
    document.write("The date is : "+ fullDate);