[JavaScript] フォーマットを指定して日付を表示する

投稿日：2016年10月3日更新日：2018年4月28日

JavaScriptには日付をフォーマット指定して表示する関数が無いので、日付オブジェクトから年月日時分秒を取り出して整形する必要があります。

サンプル

例）現在日時を「yyyy/mm/dd（曜日） HH:Mi:ss」形式で表示する

//日付オブジェクトを生成する
var dt = new Date();

//日付オブジェクトから年月日時分秒と曜日を取り出す
var year = dt.getFullYear();    //年
var month = dt.getMonth() + 1;  //月 （※１）
var day = dt.getDate();         //日
var week = dt.getDay();         //曜日
var hour = dt.getHours();       //時
var minute = dt.getMinutes();   //分
var second = dt.getSeconds();   //秒

//曜日は番号で取得されるので表示用の名称を定義
var weekName = new Array("日", "月", "火", "水", "木", "金", "土");

//表示用に整形する
var ymd = year + "/" + month + "/" + day + "(" + weekName[week] + ")";
var hms = hour + ":" + minute + ":" + second;

//表示する
alert("現在日時は、" + (ymd + " " + hms) + " です。");

//日付オブジェクトを生成する

var dt = new Date();

//日付オブジェクトから年月日時分秒と曜日を取り出す

var year = dt.getFullYear(); //年

var month = dt.getMonth() + 1; //月（※１）

var day = dt.getDate(); //日

var week = dt.getDay(); //曜日

var hour = dt.getHours(); //時

var minute = dt.getMinutes(); //分

var second = dt.getSeconds(); //秒

//曜日は番号で取得されるので表示用の名称を定義

var weekName = new Array("日", "月", "火", "水", "木", "金", "土");

//表示用に整形する

var ymd = year + "/" + month + "/" + day + "(" + weekName[week] + ")";

var hms = hour + ":" + minute + ":" + second;

//表示する

alert("現在日時は、" + (ymd + " " + hms) + " です。");

（※１）月は0～11の数値で取得されるので、表示用には＋１します。

実行サンプル

ボタンを押すと、現在日時をアラート表示します。

解説

getメソッドの一覧は「Dateオブジェクトから年月日を取り出す」をご覧ください。

執筆者：とら