日付の形式の変更方法（元号、和暦、1桁表示）【「令和」対応追加】

「すぐ使えるCMS」の管理画面や記事ページに表示される日付の形式の変更方法をご説明します。和暦にしたり、「04月」と表示される月の数字をゼロ無しの「4月」と表示させる方法です。

2019年4月1日 新元号「令和」対応追加

和暦表示のためのスクリプトを変更して新元号「令和」に対応しました。

変更できる日付の形式

変更できる日付の形式は下記の通りです。

初期設定の表示 変更できる内容 表示例

2012/04/09

2012-04-09

 「年」「月」「日」を追加 2012年04月09日
「○月○日」のみ表示 04月09日
年を表示しない 04/09
和暦月名を表示
（Ver. 4.4 以上）		 2012年弥生09日
月日の数字を1桁で表示する 2012-4-9
元号表示 平成24年04月09日

日付形式変更の基本的な手順

日付形式変更の基本的な手順は下記の通りです。編集の詳しい内容は後述します。

  1. 変更したいページに対応するファイルを編集
  2. サーバに上書きアップロード
  3. 管理画面の「再構築（テンプレート変更反映）」ボタンを押す
  4. ブラウザのキャッシュをクリアして表示確認

※管理画面の日付の形式変更の場合は２までで完了です。

対応するテンプレート

日付の形式を変更する対象のページと変更するファイルは以下の通りです。
対応するファイルを選んで編集して下さい。

変更したいページ 編集するファイル
A: 全ての場合 (templates/ 配下) B: オプション※1 (templates/ 配下) C: オプション※2
webdir/1.html, 2.html...
記事ページ		 article/article.html article/article.html admin/admin.cgi
webdir/index.html
全一覧（目次）		 article/article_list.txt article/article_list.html
webdir/index_short.html
短い一覧（新着情報）		 article/short_list.txt article/short_list.html
管理画面一覧 admin/1.txt admin/1.html

※1 「B:オプション」は月日の数字を1桁で表示する場合（例：2012-4-9）と元号を表示する場合（例：平成24年04月09日）に編集して下さい。
※2 「C:オプション」は和暦月名を表示する場合（例：2012年弥生09日）に編集して下さい。

設定方法

「A: 全ての場合のファイル」の編集

まず、上の表の「A: 全ての場合」欄にあるテンプレートファイルを編集して下さい。

初期設定のテンプレートでは日付の表示部分が下記のようになっていますので、この部分を「設定例」を参考に変更して下さい。記号や空白の調整は自由に行えます。

初期設定 

%_yyyy_%/%_mm_%/%_dd_%

%_yyyy_%-%_mm_%-%_dd_%

日付形式変更の設定例

変更内容 テンプレート（A）の設定
変更点 表示例
「年」「月」「日」を追加 2012年04月09日 %_yyyy_%年%_mm_%月%_dd_%日
「○月○日」のみ表示 04月09日 %_mm_%月%_dd_%日
年を表示しない 04/09 %_mm_%/%_dd_%
04-09 %_mm_%-%_dd_%
和暦月名表示 2012年弥生09日 %_yyyy_%年%_mon_%%_dd_%日
1桁表示 2012-4-9 <script type="text/javascript">
document.write(gen_date_str(%_yyyy_%,%_mm_%,%_dd_%));
</script>
元号表示 平成24年04月09日 <script type="text/javascript">
document.write(gen_date_str('%_yyyy_%','%_mm_%','%_dd_%'));
</script>

「B: オプションのファイル」の編集

以下の場合は、B: オプションのファイルも編集して下さい。

  • 月日の数字を1桁で表示する場合（例：2012-4-9）
  • 元号を表示する場合（例：平成24年04月09日）

「対応するテンプレート」の表の「B」欄のファイルを開いて、<head> と </head> の間に、以下の中から希望に対応する <script> タグを追加の上、調整を行って下さい。

数字の「0」を除く場合に追加する JavaScript

数字の「0」を除いて表示したい場合は、以下JavaScriptを追加して下さい。青字部分は、区切り用文字などが指定した通りに表示されます。グレー字で示されている部分の例を見ながら、希望通りに編集して下さい。

コピー 
<script type="text/javascript">
function gen_date_str(Y,M,D){
      return Y+"年"+M+"月"+D+"日"; // 2012年4月9日
//    return M+"月"+D+"日"; // 4月9日
//    return Y+"-"+M+"-"+D; // 2012-4-9
//    return Y+"/"+M+"/"+D; // 2012/4/9
}
</script>

元号を表示する場合に追加する JavaScript

和暦（元号）で年を表示したい場合は以下の JavaScript を追加して下さい。数字を1桁にする場合と2桁にする場合で別々のスクリプトがあります。1桁表示にする場合は、1年は「元年」と表示されます。

和暦（元号）表示のための JavaScript（数字1桁・元年）

コピー 
<script type="text/javascript">
function gen_date_str(Y,M,D){
    var compare = Y+M+D; //string
    var reiwa = '20190501'; //2019年5月1日より令和
    var mmdd, yy;
    if (compare < reiwa){
        yy = parseInt(Y)-1988;
    } else if (Y == '2019') {
        yy = '元';
    } else {
        yy = parseInt(Y)-2018;
    }
    mmdd = parseInt(M)+"月"+parseInt(D)+"日"; 
    if (compare < reiwa){
        return "平成"+yy+"年"+mmdd; // 平成24年5月9日
    } else {
        return "令和"+yy+"年"+mmdd; // 令和2年5月9日
    }
}
</script>
和暦（元号）表示のための JavaScript（数字2桁・01年）

コピー 
<script type="text/javascript">
function gen_date_str(Y,M,D){
    var compare = Y+M+D; //string
    var reiwa = '20190501'; //2019年5月1日より令和
    var mmdd, yy;
    if (compare < reiwa){
        yy = parseInt(Y)-1988;
    } else {
        yy = parseInt(Y)-2018;
    }
    if (yy < 10){
        yy = "0"+yy;
    }
    mmdd = M+"月"+D+"日"; 
    if (compare < reiwa){
        return "平成"+yy+"年"+mmdd; // 平成24年05月09日
    } else {
        return "令和"+yy+"年"+mmdd; // 令和02年05月09日
    }
}
</script>

「C: オプションのファイル」の編集

以下の場合は、C: オプションの admin/admin.cgi も編集して下さい。

  • 和暦月名を表示（例：2012年弥生09日）（Ver. 4.4 以上が必要）

admin/admin.cgi での月名の設定

440行目付近に「月の形式」を設定する部分があります。初期設定は以下の青字のようになっていますので、削除して赤字のように変更して下さい。

コピー 
#------------------------------[line 385]-->[line 405]-->[line 440]--
# 月の形式
#--------------------------------------------------------------------
# 月の形式を2ケタの数字以外にしたい場合に以下から設定をして下さい。
# テンプレート変数 %_month_% と %_mon_% に反映されます。
# 2ケタの数字での表示は、ここで設定しなくても %_mm_% で表示できます。
#
# 1       => 1, 2, ....
# January => January, February, ....
# Jan     => Jan, Feb, ....
# janvier => janvier, ....
# enero   => enero, febrero, ....
# 01      => 01, 02, ....



$conf{month_type} = '1';
$conf{month_type} = ['睦月', '如月', '弥生', '卯月', '皐月', '水無月', '文月 ', '葉月', '長月', '神無月', '霜月', '師走'];



#他の形式 $conf{month_type} = ['睦月', '如月'..];

【注意点】この設定変更は、テンプレート上「%_month_%」または「%_mon_%」の記載のある部分全てに反映されます。

アップロード

変更したファイルをサーバに上書きアップロードして下さい。

再構築

管理画面の一覧から「再構築（テンプレート変更反映）」ボタンを押して下さい。

確認

書き出されたファイルをブラウザから確認して下さい。
変更が反映されていない場合、ブラウザのキャッシュをクリアしてから表示の再読み込みをしてみて下さい。

関連記事

日付を削除する方法

応用マニュアル 管理画面
「すぐ使えるCMS」の記事の日付情報を削除する方法。

曜日の表示と形式の変更方法

応用マニュアル ホームページ画面
CMS[すぐ使えるCMS] では、曜日の表示が可能です。日本語、英語の他、好きな言語や形式で曜日を表示する方法をご案内します。

広告