Obtener el nombre del mes a partir de la fecha

¿Cómo puedo generar el nombre del mes (por ejemplo: octubre / octubre) a partir de este objeto de fecha en JavaScript?

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

Versión más corta:

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 respuesta que escribí originalmente en 2009 está desactualizada. Vea la respuesta de David Storey para una mejor solución.

Ahora es posible hacer esto con la API de internacionalización ECMAScript:

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

'long'usa el nombre completo del mes, 'short'para el nombre corto y 'narrow'para una versión más mínima, como la primera letra en idiomas alfabéticos.

Puede cambiar la configuración regional del navegador 'default'a la que prefiera (por ejemplo 'en-us'), y usará el nombre correcto para ese idioma / país.

Con toLocaleString^api tienes que pasar la configuración regional y las opciones cada vez. Si va a usar la misma información de configuración regional y opciones de formato en varias fechas diferentes, puede usar Intl.DateTimeFormaten su lugar:

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 obtener más información, consulte mi publicación de blog sobre la API de internacionalización .

Aquí hay otro, con soporte para localización :)

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

luego puede agregar fácilmente soporte para otros idiomas:

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

Si no le importa extender el prototipo de Fecha (y hay algunas buenas razones para no querer hacer esto), puede encontrar un método muy sencillo:

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 funciones se aplicarán a todos los objetos Date de JavaScript.

Recomiendo encarecidamente la formatfunción de la biblioteca moment.js , que puede usar así:

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" en lugar de "MMM" si necesita el nombre completo del mes

Además de una larga lista de otras características, tiene un fuerte apoyo para la internacionalización .

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

Se puede usar como

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

Esto puede hacer un proceso fácil común desde el objeto de fecha.

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

O puedes hacer un prototipo de fecha 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

Puede usar datejs para hacer eso. Verifique los FormatSpecifiers , MMMM le da el nombre del mes:

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

¡Y datejs consiguió eso localizado para más de 150 locales! Mira aquí

Tratar:

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

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

Aquí hay una manera que no depende de una matriz codificada y admite múltiples configuraciones regionales.

Si necesita una matriz completa:

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')); // -> ["януари", "февруари", "март", "април", "май", "юни", "юли", "август", "септември", "октомври", "ноември", "декември"]

Si solo necesita un mes seleccionado (más 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

Probado y funciona bien en Chrome e IE 11. En mozilla se necesitan algunas modificaciones, ya que devuelve la fecha completa.

Desafortunadamente, la mejor manera de extraer el nombre del mes es desde la representación 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'

En lugar de declarar una matriz que contiene todo el nombre del mes y luego apuntar con un índice, también podemos escribirlo en una versión más corta de la siguiente manera:

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

El formato natural en estos días es usar Moment.js.

La forma de obtener el mes en formato de cadena es muy simple en Moment.js sin necesidad de codificar los nombres de los meses en su código: Para obtener el mes y año actuales en formato de nombre de mes y año completo (mayo de 2015):

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

Otra forma de formatear la fecha

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

Puede usar uno de los varios formateadores de fecha disponibles. Dado que esto se encuentra dentro de la especificación de JavaScript, estará disponible en los modos del navegador y del lado del servidor.

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

p.ej

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

Hay más en https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Si no desea utilizar una biblioteca externa, o almacenar una matriz de nombres de mes, o si la API de internacionalización ECMAScript no es lo suficientemente buena debido a la compatibilidad del navegador, siempre puede hacerlo de la manera tradicional extrayendo la información del salida de fecha:

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

Esto le daría el nombre abreviado del mes, por ejemplo, octubre. Creo que la fecha vendrá en todo tipo de formatos dependiendo de la inicialización y su ubicación, así que eche un vistazo a lo que toDateString()regresa y vuelva a calcular sus substring()valores en función de eso.

Si está usando jQuery, probablemente también esté usando jQuery UI, lo que significa que puede usar $ .datepicker.formatDate () .

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

Mi mejor solución es la siguiente:

       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;

Con momentjs , solo usa la notación de formato .

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

Esto también se puede hacer si está utilizando kendo.

kendo.toString(dateobject, "MMMM");

Aquí hay una lista de formateadores del sitio de kendo :

"d" Representa el día del mes, del 1 al 31.

"dd" El día del mes, del 01 al 31.

"ddd" El nombre abreviado del día de la semana.

"dddd" El nombre completo del día de la semana.

"f" Las décimas de segundo en un valor de fecha y hora.

"ff" Las centésimas de segundo en un valor de fecha y hora.

"fff" Los milisegundos en un valor de fecha y hora.

"M" El mes, del 1 al 12.

"MM" El mes, del 01 al 12.

"MMM" El nombre abreviado del mes.

"MMMM" El nombre completo del mes.

"h" La hora, usando un reloj de 12 horas de 1 a 12.

"hh" La hora, usando un reloj de 12 horas de 01 a 12.

"H" La hora, usando un reloj de 24 horas del 1 al 23.

"HH" La hora, usando un reloj de 24 horas del 01 al 23.

"m" El minuto, de 0 a 59.

"mm" El minuto, de 00 a 59.

"s" El segundo, de 0 a 59.

"ss" El segundo, de 00 a 59.

"tt" El designador AM / PM.

"yy" Los dos últimos caracteres del valor del año.

"aaaa" El valor total del año.

"zzz" La zona horaria local cuando se utilizan formatos para analizar cadenas de fechas UTC.

Simplemente puede usar Date.toLocaleDateString () y analizar la fecha deseada como parámetro

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

Puedes encontrar más información en la documentación de Firefox

Si no desea utilizar el momento y desea mostrar el nombre del mes,

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

Para mí esta es la mejor solución es,

para TypeScript también

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

La salida es

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

Almacene los nombres en una matriz y busque por el índice del mes.

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

Método getMonth () de JavaScript

Tengo una solución parcial que se me ocurrió. Utiliza una expresión regular para extraer el nombre del mes y el día. Pero cuando miro a través de las opciones de Región e Idioma (Windows) me doy cuenta de que las diferentes culturas tienen un orden de formato diferente ... tal vez un mejor patrón de expresión regular podría 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(","));
    }

Simplemente extendiendo las muchas otras excelentes respuestas, si está utilizando jQuery, podría hacer algo como

$.fn.getMonthName = function(date) {

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

    return monthNames[date.getMonth()];

};

donde datees igual a la var d = new Date(somevalue). La principal ventaja de esto es por @nickf dijo sobre evitar el espacio de nombres global.

Para obtener una matriz de nombre de mes:

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/

Simplemente escriba un contenedor simple alrededor 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));

Un truco rápido que utilicé que funciona bien:

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