[JavaScript] 日付を和暦で表示する – コピペで使える JavaScript逆引きリファレンス

日付を和暦で表示するサンプルです。

toLocaleDateStringを使う方法

toLocaleDateStringを使うと簡単に和暦表示できます。

例）toLocaleDateStringを使って和暦表示する

// 1989/01/07を和暦表示する
var dt = new Date(1989, 0, 7);
var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese");
→昭和64/1/7

// 1989/01/08を和暦表示する
var dt = new Date(1989, 0, 8);
var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese");
→平成1/1/8

// 1989/01/07を和暦表示する

var dt = new Date(1989, 0, 7);

var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese");

→昭和64/1/7

// 1989/01/08を和暦表示する

var dt = new Date(1989, 0, 8);

var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese");

→平成1/1/8

オプションを指定すると表示を変えることもできます。

例）toLocaleDateStringを使って和暦表示する

// 1989/01/07を和暦表示する
var dt = new Date(1989, 0, 7);
var opt = {year:'numeric',month:'long',day:'numeric'};
var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);
→昭和64年1月7日

// 1989/01/08を和暦表示する
var dt = new Date(1989, 0, 8);
var opt = {year:'numeric',month:'long',day:'numeric'};
var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);
→平成1年1月8日

// 1989/01/08を和暦表示する
var dt = new Date(1989, 0, 8);
var opt = {year:'2-digit',month:'2-digit',day:'2-digit'};
var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);
→平成01/01/08

// 2016年10月30日の和暦年のみ表示する
var dt = new Date(2016, 9, 30);
var opt = {year:'numeric'};
var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);
→平成28年

// 1989/01/07を和暦表示する

var dt = new Date(1989, 0, 7);

var opt = {year:'numeric',month:'long',day:'numeric'};

var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);

→昭和64年1月7日

// 1989/01/08を和暦表示する

var dt = new Date(1989, 0, 8);

var opt = {year:'numeric',month:'long',day:'numeric'};

var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);

→平成1年1月8日

// 1989/01/08を和暦表示する

var dt = new Date(1989, 0, 8);

var opt = {year:'2-digit',month:'2-digit',day:'2-digit'};

var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);

→平成01/01/08

// 2016年10月30日の和暦年のみ表示する

var dt = new Date(2016, 9, 30);

var opt = {year:'numeric'};

var wareki = dt.toLocaleDateString("ja-JP-u-ca-japanese", opt);

→平成28年

toLocaleDateStringのオプションに指定できる値

※主要なオプションのみです。

【toLocaleDateStringのオプション】
パラメータ	意味	指定できる値と例
era	元号の書式	'narrow'：記号表記　例）H 'short'：標準表記　例）平成 'long'：標準表記　例）平成
year	年の書式	'2-digit'：2桁表示　例）01 'numeric'：そのまま表示　例）1
month	月の書式	'2-digit'：2桁表示　例）01 'numeric'：そのまま表示　例）1 'narrow'：そのまま表示　例）1 'short'：そのまま表示　例）1 'long'：月表記　例）1月
day	日の書式	'2-digit'：2桁表示　例）01 'numeric'：そのまま表示　例）1
hour	時の書式	'2-digit'：2桁表示　例）01 'numeric'：そのまま表示　例）1
MINUTE	分の書式	'2-digit'：2桁表示　例）01 'numeric'：そのまま表示　例）1
second	秒の書式	'2-digit'：2桁表示　例）01 'numeric'：そのまま表示　例）1
weekday	曜日の書式	'narrow'：省略表記　例）（火） 'short'：省略表記　例）（火） 'long'：標準表記　例）火曜日

（メモ）

同じように表示されるパラメータは違いが分かりませんm(_ _)m

monthのパラメータの指定によって、「年・月・日」表記か「/」表記か変わるようです。

補足

toLocaleDateStringを使う方法では、元年は１年と表示されてしまいます。
（例えば、平成元年は平成1年と表示します。）
元年にも対応させたい場合は、以下ページをご覧ください。
⇒ [JavaScript] Date型⇒和暦で表示する