JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTMLの使い方やサンプルのブログ

JavaScript の基本 ~ 現在の日付と曜日を取得したい ~

f:id:vw-dsg:20200601063255p:plain

現在の日付と曜日を取得したい

現在の日付と曜日を取得するには「Date」メソッドを使用します。

例)var genzai  = new Date();     // 現在日時を取得

JavaScript コード

ボタンを押すと現在の日付と曜日を取得して表示するサンプルです。

var ele_date = document.getElementById("disp_date");
var btn_date = document.getElementById("btn_date");
btn_date.onclick = function(){
     var current = new Date();
     var youbi = ["日","月","火","水","木","金","土"]
     var genzai = "現在は" + current.getFullYear() + "年"
          + current.getMonth() + 1 + "月"
          + current.getDate() + "日"
          + youbi[current.getDay()] + "曜日です。";
          ele_date.innerHTML = genzai;
}

HTML ソース

<p><strong><em id="disp_date">ボタンを押してください</em></strong></p>
<p><input id="btn_date" type="button" value="現在の日付と曜日を取得する" /></p>

実行結果

ボタンを押してください

※このページの読み込みが完了してから試してください。

END