从日期获取月份名称

Question

如何在JavaScript中从此日期对象生成月份名称(例如:10月/ 10月)？

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

Answer 1

更短的版本:

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()]);

Answer 2

现在可以使用ECMAScript Internationalization 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:

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的主要问题是它是新的.它仅适用于Blink浏览器(Chrome和Opera),IE11,Microsoft Edge,Firefox 29+和Safari 10+

有关更多信息,请参阅我在国际化API上的博客文章.

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

如果你不介意扩展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 Date对象.

Answer 5

我衷心推荐format来自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

除了冗长的其他功能列表外,它还强有力地支持国际化.

Answer 6

您可以简单地使用 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 7

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

Answer 8

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 9

你可以使用datejs来做到这一点.检查FormatSpecifiers,MMMM为您提供月份名称:

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

而且datejs已经为超过150种语言环境进行了本地化!看这里

Answer 10

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

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(); # 16 March, 2017

Answer 11

格式化日期的另一种方法

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

Answer 12

最简单、最简单的方法：

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 13

尝试:

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 14

这是一种不依赖于硬编码阵列并支持多种语言环境的方法.

如果你需要一个完整的数组:

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 15

快捷方便

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

Answer 16

不幸的是,提取月份名称的最佳方法是来自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 17

我们也可以用更短的版本来编写它,而不是声明包含所有月份名称然后用索引指向的数组:

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

Answer 18

今天的自然格式是使用Moment.js.

以字符串格式获取月份的方法在Moment.js中非常简单,无需在代码中对月份名称进行硬编码:获取当月和年份的名称格式和全年(2015年5月):

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

Answer 19

您可以使用几种可用的日期格式化程序之一.由于这属于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 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

你可以试试这个：

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

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

Answer 22

如果你赶时间......那么你去吧！

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

预期输出： "Apr"

Answer 23

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

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 24

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

对于 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 25

您可以翻译或不翻译为当地语言

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 26

也可以按如下方式完成：

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

Answer 27

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

输入： '2020-12-28'

代码：

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

输出： “2020 年 12 月”

Answer 28

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

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