JavaScript Date

JavaScript の Date は、現在の日時を表すオブジェクトである。

コンストラクタ

Date()

Dateオブジェクトのコンストラクタであり、現在の日付と時刻でDateインスタンスを生成する。

<p id="date"></p>
<script>
  const d = new Date()
  document.getElementById("date").innerHTML = d
</script>

上記のJavaScriptの実行結果は次のとおり。

Date(value)

引数で指定した日付と時刻でDateインスタンスを生成する。

Date(dateString)

引数で指定した日付と時刻でDateインスタンスを生成する。

Date(year, month, day[, hour, minute, second, millisecond])

引数で指定した年月日(及び時分秒ミリ秒)でDateインスタンスを生成する。

getFullYear

Date.getFullYear() は年を西暦で返す。

<p>
  <span id="fullyear"></span>年
</p>
<script>
  const d = new Date()
  document.getElementById("fullyear").innerHTML = d.getFullYear()
</script>

getYear

getYearは現在の年を返すメソッドである。返る値は1900年からの経過年であるため、西暦年にするためには、1900を加算する必要がある。。

getYear()
<p>
  <span id="year"></span>年
</p>
<script>
  const d = new Date()
  document.getElementById("year").innerHTML = 1900 + d.getYear()
</script>

getMonth

getMonth()は現在の月を返すメソッドである。返す値は0から11であるため、月に直すには1を加算する必要がある。

getMonth()
<p>
  <span id="month"></span>月
</p>
<script>
  const d = new Date()
  document.getElementById("month").innerHTML = 1 + d.getMonth()
</script>

getDate

getDate()は現在の日を返すメソッドである。

getDate()
<p>
  <span id="day"></span>日
</p>
<script>
  const d = new Date()
  document.getElementById("day").innerHTML = d.getDate()
</script>

getHours

現在の時を返す。

<p>
  <span id="hours"></span>時
</p>
<script>
  const d = new Date()
  document.getElementById("hours").innerHTML = d.getHours()
</script>

getMinutes

現在の分を返す。

<p>
  <span id="minutes"></span>分
</p>
<script>
  const d = new Date()
  document.getElementById("minutes").innerHTML = d.getMinutes()
</script>

getSeconds

現在の秒を返す。

<p>
  <span id="seconds"></span>秒
</p>
<script>
  const d = new Date()
  document.getElementById("seconds").innerHTML = d.getSeconds()
</script>

now

協定世界時(UTC: Coordinated Universal Time) 1970年1月1日 00:00:00からの経過ミリ秒を返す。

<p>
  <span id="now"></span>ミリ秒
</p>
<script>
  document.getElementById("now").innerHTML = Date.now()
</script>

ミリ秒

parse

地方時(Local Time) 1970年1月1日 00:00:00からの経過ミリ秒を返す。

<p>
  <span id="parse"></span>ミリ秒
</p>
<script>
  document.getElementById("now").innerHTML = Date.parse('18 Nov 2021 00:00:00 GMT');
</script>

ミリ秒