javascript - Dateから月名を取得

Question

JavaScript でこの日付オブジェクトから月の名前 (例: Oct/October) を生成するにはどうすればよいですか?

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

score 1376 · Accepted Answer

短いバージョン:

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 の回答を参照してください。

score 169 · Accepted Answer

これは、ローカライズをサポートする別のものです:)

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: [...]};

score 71 · Accepted Answer

次のように使用できるmoment.jsformatライブラリの関数を心からお勧めします。

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

月の完全な名前が必要な場合は、「MMM」の代わりに「MMMM」を使用してください

他の機能の長いリストに加えて、国際化を強力にサポートしています。

score 64 · Accepted Answer

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 オブジェクトに適用されます。

score 29 · Accepted Answer

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 のドキュメントを参照してください。

score 24 · Accepted Answer

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

score 16 · Accepted Answer

これを行うには、 datejsを使用できます。FormatSpecifiersを確認してください。MMMMは月の名前を示します。

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

そして、datejs はそれを 150 以上のロケールにローカライズしました! こちらをご覧ください

score 12 · Accepted Answer

ハードコードされた配列に依存せず、複数のロケールをサポートする方法を次に示します。

配列全体が必要な場合:

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 では、日付全体が返されるため、いくつかの変更が必要です。

score 8 · Accepted Answer

残念ながら、月の名前を抽出する最善の方法は、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'

score 7 · Accepted Answer

利用可能ないくつかの日付フォーマッタのいずれかを使用できます。これは 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にさらにあります

score 4 · Accepted Answer

外部ライブラリを使用したくない場合、または月名の配列を保存したくない場合、またはブラウザの互換性のために ECMAScript 国際化 API が十分でない場合は、日付出力:

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

これにより、10月などの省略された月の名前が得られます。日付は、初期化とロケールに応じてあらゆる種類の形式になると思いますので、何toDateString()が返されるかを見てsubstring()、それに基づいて値を再計算してください。

score 4 · Accepted Answer

最も簡単で簡単な方法。

日付を文字列に変換します。
' ' スペースで分割します。
配列からの 2 番目の要素を選択します。

   
var now = new Date();
var nowStr = now.toDateString(); 
// "Fri Apr 2020'

var currentMonth = nowStr.split(' '); 
// ['Fri' 'Apr' '2020']

console.log(currentMonth[1]);
// 'Apr'

score 3 · Accepted Answer

momentjsでは、形式表記を使用するだけです。

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

score 2 · Accepted Answer

moment を使わずに月名を表示したい場合 -

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

score 1 · Accepted Answer

私が思いついた部分的な解決策があります。正規表現を使用して月と日の名前を抽出します。しかし、地域と言語のオプション (Windows) を調べてみると、カルチャが異なれば形式の順序も異なることに気付きました。より適切な正規表現パターンが役立つ可能性があります。

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(","));
    }

score 1 · Accepted Answer

名前を配列に格納し、月のインデックスで検索します。

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() メソッド

score 0 · Accepted Answer

他の多くの優れた回答を拡張するだけです-jQueryを使用している場合-次のようなことができます

$.fn.getMonthName = function(date) {

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

    return monthNames[date.getMonth()];

};

ここでdateはに等しいvar d = new Date(somevalue)です。これの主な利点は、@nickf がグローバル名前空間の回避について述べたことです。

score 0 · Accepted Answer

月名の配列を取得するには:

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/

score 0 · Accepted Answer

周りに簡単なラッパーを書くだけ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));

javascript - Dateから月名を取得

39 に答える 39

Related

Reference