JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTML の使い方を解説しているブログ

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

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

現在の日付と曜日を取得するには「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>

実行結果

ボタンを押してください

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