Javacript Dateメソッド わかりやすく日時を表示する

Dateオブジェクト

１現在の日時を取得する
２過去や未来の日時を指定する
３日時の計算をする

①Dateオブジェクトを使う際は初期化をする

const now = new Date();

newはオブジェクトを初期化するためのキーワード。

現在日時を記憶した状態でDateオブジェクトを初期化する

new Date();

②年、月、日などを個別に取得する

const now = new Date();
    const year = now.getFullYear();
    const month = now.getMonth();
    const date = now.getDate();
    const hour = now.getHours();
    const min = now.getMinutes();

③取得したらあとは出力するだけ

const output = `${year}/${month + 1}/${date} ${hour}:${min}`;
document.getElementById('time').textContent = output;

＊now.getMonth・・・実際の月-1になるため＋１しないといけない

１２時間時計にしてみよう

① ampmを定義し、空の文字列（文字列が０個の文字列）を代入して準備する

let ampm　= '';

②午前中、午後に場合わけ

 let ampm ='';
    if(hour < 12){
        ampm ='a.m.';
    } else{
        ampm = 'p.m.'
    }

③２４時間→１２時間に変える

 const output = `${year}/${month + 1}/${date} ${hour%12}:${min}${ampm}`;