Obter nome do mês a partir da data

Question

Como posso gerar o nome do mês? (Por exemplo: Out / outubro) deste objeto de data em JavaScript

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

Answer 1

versão mais curta:

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

Nota (2019/03/08) - Esta resposta por mim que eu escrevi originalmente em 2009 está desatualizado. Veja o David Storey resposta para uma solução melhor.

Answer 2

Agora é possível fazer isso com a API ECMAScript Internacionalização:

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

'long' usa o nome completo do mês, 'short' para o nome curto, e 'narrow' para uma versão mais minimalista, como a primeira letra em idiomas alfabéticos.

Você pode alterar a localidade a partir 'default' do navegador para qualquer um que você agradar (por exemplo 'en-us'), e vai usar o nome correto para esse idioma / país.

Com toLocaleString ^api você tem que passar no local e opções de cada vez. Se você estiver indo usam a mesma informação local e opções de formatação em várias datas diferentes, você pode usar Intl.DateTimeFormat vez:

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".

Para obter mais informações, consulte o meu post sobre a Internacionalização API .

Answer 3

Aqui está mais um, com suporte para localização:)

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']
    }
};

então você pode facilmente adicionar suporte para outros idiomas:

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

Answer 4

Se você não se importa estender o protótipo da data (e há algumas boas razões para não querer fazer isso), você pode realmente chegar a um método muito fácil:

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"

Estas funções serão aplicadas a todas objetos javascript data.

Answer 5

Recomendo vivamente a função format de, a moment.js strong> biblioteca , que você pode usar como esta:

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

Use "MMMM" em vez de "MMM" se você precisa do nome completo do mês

Além de uma longa lista de outras características, tem forte apoio à internacionalização .

Answer 6

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

Ele pode ser usado como

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

Answer 7

Você pode usar datejs para fazer isso. Verifique a FormatSpecifiers , MMMM dá-lhe o nome do mês:

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

E datejs tem aquela localizada para mais de 150 localidades! Veja aqui

Answer 8

Alguns processo fácil comum do objeto de data pode ser feito por esta.

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

Ou você pode fazer protótipo data como

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

Ex:

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

var dateFormat4 = new Date().getFormatDate(); # 16 March, 2017

Answer 9

Tente:

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 10

Aqui está uma maneira que não depende de uma matriz e suportes codificados vários locais.

Se precisar de uma matriz inteira:

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;
};

Uso:

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

Se você precisa de apenas um mês selecionados (mais rápido):

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

Uso:

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

Testado e funciona bem no Chrome e IE 11. No Mozilla algumas modificações são necessárias, porque ele retorna a data inteira.

Answer 11

Infelizmente, a melhor maneira de extrair o nome do mês é a partir da representação 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 12

O formato natural, este dia é usar Moment.js.

A maneira de obter o mês em um formato de cadeia, é muito simples em Moment.js não há necessidade de codificar os nomes dos meses em seu código: Para obter o mês atual eo ano em formato de nome do mês e do ano (maio de 2015):

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

Answer 13

Em vez de declarar array que manter todos o nome do mês e, em seguida, apontando com um índice, podemos também escrevê-lo em uma versão mais curta como abaixo:

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

Answer 14

Você pode usar um dos vários formatadores de data disponíveis. Uma vez que este cai dentro da especificação JavaScript, ele estará disponível em ambos os modos do navegador e do lado do servidor.

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

por exemplo.

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

Há mais em https: // developer. mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Answer 15

Com momentjs , basta usar o formato notação.

const myDate = new Date()
const shortMonthName = moment(myDate).format('MMM') // Aug
const fullMonthName = moment(myDate).format('MMMM') // August

Answer 16

armazenar os nomes em uma matriz e olhar para cima pelo índice do mês.

var month=new Array(12);
month[0]="January";
month[1]="February";
month[2]="March";
month[3]="April";
month[4]="May";
month[5]="June";
month[6]="July";
month[7]="August";
month[8]="September";
month[9]="October";
month[10]="November";
month[11]="December";

document.write("The current month is " + month[d.getMonth()]);

JavaScript getMonth () Método

Answer 17

Se você estiver usando jQuery, você provavelmente está também usando jQuery UI, o que significa que você pode usar $. datepicker.formatDate () .

$.datepicker.setDefaults( $.datepicker.regional[ "nl" ] );   // dutch
$.datepicker.formatDate( "dd MM yy", objDate );

Answer 18

Se você não quiser usar uma biblioteca externa, ou armazenar uma matriz de nomes de meses, ou se a API ECMAScript Internacionalização não é bom o suficiente por causa da compatibilidade do navegador que você pode sempre fazê-lo da maneira antiga extraindo o informações da saída de data:

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

Isto lhe daria o nome abreviado do mês, por exemplo, Outubro Eu acredito que a data virá em todos os tipos de formatos, dependendo da inicialização e sua localidade então dê uma olhada no que toDateString() retornos e recalcular os valores substring() com base nisso.

Answer 19

Meu melhor solução é a seguinte:

       var dateValue = Date();
       var month = dateValue.substring(4,7);
       var date = dateValue.substring(8,10);
       var year = dateValue.substring(20,24);
       var finaldateString = date+"-"+month+"-"+year;

Answer 20

Se você não quiser usar momento e quer nome do mês de exibição -

.config($mdDateLocaleProvider) {
    $mdDateLocaleProvider.formatDate = function(date) {      
      if(date !== null) {
        if(date.getMonthName == undefined) {
          date.getMonthName = function() {
            var monthNames = [ "January", "February", "March", "April", "May", "June", 
            "July", "August", "September", "October", "November", "December" ];
            return monthNames[this.getMonth()];
          }
        }        
        var day = date.getDate();
        var monthIndex = date.getMonth();
        var year = date.getFullYear();
        return day + ' ' + date.getMonthName() + ' ' + year;
      }
    };
  }

Answer 21

Isto pode ser feito também se você estiver usando kendo.

kendo.toString(dateobject, "MMMM");

Aqui estão lista de formatadores de kendo local :

"d" Processa o dia do mês, de 1 a 31.

"dd" O dia do mês, de 01 a 31.

"ddd" O nome abreviado do dia da semana.

"dddd" O nome completo do dia da semana.

"f" Os décimos de segundo em um valor de data e hora.

"ff" As centésimos de segundo em um valor de data e hora.

"fff" Os milissegundos em um valor de data e hora.

"M" O mês, de 1 a 12.

"MM" O mês, de 01 a 12.

"MMM" O nome abreviado do mês.

"MMMM" O nome completo do mês.

"h" A hora, usando um relógio de 12 horas de 1 a 12.

"hh" a hora, usando um relógio de 12 horas de 01 a 12.

"H" A horas, usando um relógio de 24 horas 1-23.

"HH" A hora, usando um relógio de 24 horas 01-23.

"m" O minutos, de 0 a 59.

"mm" No minuto em que, de 00 a 59.

"s" O segundo, a partir de 0 a 59.

"ss" A segunda, de 00 a 59.

"tt" O designador AM / PM.

"aa" Os dois últimos caracteres do valor do ano.

"aaaa" O valor integral ano.

"zzz" O fuso horário local quando usando formatos para analisar UTC cordas data.

Answer 22

Eu tenho uma solução parcial que eu vim acima com. Ele usa uma expressão regular para extrair o nome do mês e dia. Mas como eu olhar através das opções de Região e de Idioma (Windows) Eu percebo que diferentes culturas têm fim formato diferente ... talvez um padrão de expressão melhor regular pode ser útil.

function testDateInfo() {
        var months = new Array();
        var days = new Array();
        var workingDate = new Date();
        workingDate.setHours(0, 0, 0, 0);
        workingDate.setDate(1);
        var RE = new RegExp("([a-z]+)","ig");
        //-- get day names 0-6
        for (var i = 0; i < 7; i++) {

            var day = workingDate.getDay();
            //-- will eventually be in order
            if (days[day] == undefined)
                days[day] = workingDate.toLocaleDateString().match(RE)[0];
            workingDate.setDate(workingDate.getDate() + 1);
        }
        //--get month names 0-11
        for (var i = 0; i < 12; i++) {
            workingDate.setMonth(i);
            months.push(workingDate.toLocaleDateString().match(RE)[1]);
        }
        alert(days.join(",") + " \n\r " + months.join(","));
    }

Answer 23

function getMonthName(month) 
{ 
return ["January","February","March","April","May","June","July","August","September", "October","November","December"][parseInt(month)-1]
}

Answer 24

Outra forma de formato de data

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

Answer 25

Apenas estendendo em muitas outras respostas excelentes - se você estiver usando jQuery - você poderia apenas fazer algo como

$.fn.getMonthName = function(date) {

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

    return monthNames[date.getMonth()];

};

onde date é igual ao var d = new Date(somevalue). A principal vantagem desta é por @nickf dito sobre evitar o namespace global.

Answer 26

Para obter um conjunto de nome do mês:

Date.monthNames = function( ) {
var arrMonth = [],
    dateRef = new Date(),
    year = dateRef.getFullYear();

dateRef.setMonth(0);
while (year == dateRef.getFullYear()) {
    /* push le mois en lettre et passe au mois suivant */
    arrMonth.push( (dateRef.toLocaleString().split(' '))[2] );
    dateRef.setMonth( dateRef.getMonth() + 1);
}

return arrMonth;
}

alert(Date.monthNames().toString());

// -> janvier,février,mars,avril,mai,juin,juillet,août,septembre,octobre,novembre,décembre

http://jsfiddle.net/polinux/qb346/

Answer 27

Use este companheiro

function month(a){
var mNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
return mNames[a-1];
}

Answer 28

Apenas escrever um wrapper simples em torno toLocaleString:

function LocalDate(locale) {
  this.locale = locale;
}

LocalDate.prototype.getMonthName = function(date) {
  return date.toLocaleString(this.locale,{month:"long"});
};

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

var localDate = new LocalDate("en");
console.log(localDate.getMonthName(objDate));

localDate.locale = "ru";
console.log(localDate.getMonthName(objDate));

localDate.locale = "zh";
console.log(localDate.getMonthName(objDate));

Answer 29

Uma rápida cortar eu usei que funciona bem:

const monthNumber = 8;
const yearNumber = 2018;
const date = `${['Jan', 'Feb', 'Mar', 'Apr',
  'May', 'Jun', 'Jul', 'Aug',
  'Sep', 'Oct', 'Nov', 'Dec'][monthNumber - 1]
      } ${yearNumber}`;

console.log(date);