Dateオブジェクト

Dateオブジェクトとは

現在の年、月、日、曜日、時、分、秒を取得したり設定したりできます。

Dateオブジェクトの生成は以下の記述で行います。

var date = new Date();

Dateオブジェクトのメソッド

var myYear = date.getFullYear();// 年
var myMonth = date.getMonth()+1;// 月
var myDate = date.getDate();// 日
var myDay = date.getDay();// 曜日
var myHours = date.getHours();// 時
var myMinutes = date.getMinutes();//分
var mySeconds = date.getSeconds();// 秒

date.getMonth()の戻り値は0から11になっているため、プラス1して1から12になるようにします。

date.getDay()の戻り値は0から6になり、0は日曜で最後の6は土曜というように数字と曜日が対応しています。

Dateオブジェクトのメソッドの戻り値を確認

Dateオブジェクトの各メソッドの結果を表示してみます。

<script>
var date = new Date();
var myYear = date.getFullYear();// 年
var myMonth = date.getMonth()+1;// 月
var myDate = date.getDate();// 日
var myDay = date.getDay();// 曜日
var myHours = date.getHours();// 時
var myMinutes = date.getMinutes();//分
var mySeconds = date.getSeconds();// 秒

document.write('<h2>'+date+'<br></h2>');
document.write('<h2>'+myYear+'<br></h2>');
document.write('<h2>'+myMonth+'<br></h2>');
document.write('<h2>'+myDate+'<br></h2>');
document.write('<h2>'+myDay+'<br></h2>');
document.write('<h2>'+myHours+'<br></h2>');
document.write('<h2>'+myMinutes+'<br></h2>');
document.write('<h2>'+mySeconds+'<br></h2>');
</script>

年月日の表示

document.write('<h2>今日は'+myYear+'年(平成'+(myYear-1988)+'年)'+myMonth+'月'+myDate+'日です。<br><br></h2>');

曜日の表示

曜日を表示するための配列の書き方1

var days = new Array();
days[0] = '日';
days[1] = '月';
days[2] = '火';
days[3] = '水';
days[4] = '木';
days[5] = '金';
days[6] = '土';

曜日を表示するための配列の書き方2

var days = new Array('日','月','火','水','木','金','土');

曜日を表示するための配列の書き方3

var days = ['日','月','火','水','木','金','土'];

曜日の表示

var day = days[date.getDay()];

document.write('<br>今日は'+day+'曜日です。');

時刻の表示

document.write('<h2>今の時刻は'+myHours+'時'+myMinutes+'分'+mySeconds+'秒です。<br><br></h2>');
var m = 'AM';
if ( myHours > 12) {
m = 'PM';
myHours = myHours - 12;
}else {
m = 'AM';
}
document.write('<h2>今の時刻は'+m+''+myHours+'時'+myMinutes+'分'+mySeconds+'秒です。<br><br></h2>');