javascript 現在日付と曜日を表示する

javascript 現在日付と曜日を表示する

javascriptで、new Date()を使用して、現在日付と曜日を表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

new Date()使い方

new Date()を使うと、現在の日付と時刻を取得することが可能です。

取得した日付を、年月日形式に整形するには以下のようにします。

曜日を取得するには、getDay()を利用して、
getDay()は対応する曜日を数字で返してくれるので、対応する曜日を配列化しておきます。
※getDay()は日曜 = 0、月曜 = 1と順番に値が戻ってきます。

サンプルコード

以下は、
「取得ボタン」をクリックすると、現在日付と曜日を表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

現在日付と曜日が表示されていることが確認できます。