ブラウザ上に、現在の年月日を表示する方法を備忘として残しておきます。

Dateオブジェクトとは

Dateオブジェクトとは、日付や時間などを扱うメソッドがすでに定義されているもので、時間の計算や日付の換算等を簡単に行うことができる。

一例

・現在の日付、時刻のオブジェクトを作成

 let now = new Date();

・西暦年を取得

 let year = now.getFullYear();

・月を取得（※0～11の数字で取得するため、+1すること！）

 let month = now.getMonth() + 1;

・日付を取得

 let day = now.getDate();

活用例　－クリックすると今日の年月日が表示されるボタンの作成－

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>年月日表示</title>
</head>
<body>
  <h1 id="select">年月日表示</h1>
  <input type="button" value="Click" onclick="change()"> <!--onclick・・・クリック時にメソッドを呼び出す-->
  <script>
    function today(){
      let union = null; //年・月・日を結合するための変数をnullで設定。
      let now = new Date();
      let year = now.getFullYear();
      let month = now.getMonth()+1; //0月から始まるため、1を加算している。
      let day = now.getDate();
      return union = year+"年"+month+"月"+day+"日";
    }
      let expressToday = today();

    const change = function(){
          const ymd = document.getElementById('select');
          ymd.innerHTML = expressToday; //取得した要素のうち、html要素を書き換える。
        }
  </script>
</body>
</html>

プレビュー