ねこきっくぱんちのメモ帳

webの勉強メモです。 HTML,CSS,JavaScript,PHP,Illustrator,Photoshopなど。

JavaScript003 Dateオブジェクト

■結果
f:id:neko_kick_panch:20170502003403p:plain

■コード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Date();</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
</head>

<body>
<h1>日付を取得するプログラム</h1>
<p><button onClick="getDate()">生成する</button></p>
<h2 id="ans">"Answer will be replaced here"</h2>

<script>
function getDate(){

  var today= new Date();

  var year = today.getFullYear();
  var month = today.getMonth()+1; //戻り値は月を表す0(1月)~11(12月)の範囲内の整数
  var date = today.getDate(); 
  var hour = today.getHours();
  var min = today.getMinutes();
  var sec = today.getSeconds();
  
  //dayがweekの[x]番目となるようにする。
  var week = ['日','月','火','水','木','金','土'];
  var day = today.getDay(); //戻り値は0~6の整数
  
  //出力
  var str = '現在は西暦'+year+'年'+month+'月'+date+'日'+hour+'時'+min+'分'+sec+'秒'+week[day]+'曜日です。';
  document.getElementById('ans').textContent=str;
}
</script>
</body></html>

■説明

Dateオブジェクト

日付および時刻を格納しておくオブジェクトです。必要に応じて、データの必要な部分を取り出すことができます。
Date オブジェクト (JavaScript)