javascript で曜日ごとのコンテンツ切り替えに祝日設定を加えたい

###前提・実現したいこと
現在javascriptで組んだWebページ用の曜日ごとのコンテンツ切り替えに祝日お盆休み等を手入力で追加設定したい。

###該当のソースコード

###追加したい要素
///4行目 var weekday = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ,"Holiday"] ;

///</body>直前

<div id="Holiday" style="display:none;"> 祝日に表示する内容 <img src="画像URL"> </div>

###javascript部分に追加したい要素
例
$holiday = (
'2018-01-01','2018-01-02','2018-02-11','2018-03-21','2018-04-29','2018-05-03','2018-05-04','2018-05-05','2018-05-06','2018-07-21','2018-09-15','2018-09-23','2018-10-13','2018-11-03','2018-11-23','2018-11-24','2018-12-23',
);

行動規範の内容に同意します

回答1件

ベストアンサー

JavaScript
1function Settoday(){
2  var weekday = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ] ;
3  var holiday = [ '2018-01-01','2018-01-02','2018-02-11','2018-03-21','2018-04-29','2018-05-03','2018-05-04','2018-05-05','2018-05-06','2018-07-21','2018-09-15','2018-09-23','2018-10-13','2018-11-03','2018-11-23','2018-11-24','2018-12-23'];
4  
5  var today = new Date() ;
6
7  // 本日の日付を取得 (yyyy-mm-dd)
8  var y = today.getFullYear();
9  var m = ("0"+(today.getMonth() + 1)).slice(-2); //0埋め
10  var d = ("0"+today.getDate()).slice(-2); // 0埋め
11  var todaystr = y + "-" + m + "-" + d;
12  
13  // holiday配列に含まれているか
14  if ( holiday.indexOf( todaystr ) !== -1) {
15    document.getElementById("Holiday").style.display="block";
16  } else {
17    document.getElementById(weekday[today.getDay()]).style.display="block";
18  }
19}

weekday配列に"Holiday"追加したいなら weekday[7]

投稿2018/01/09 09:06

退会済みユーザー

総合スコア0

reiwa-gannen

2018/01/09 12:02

BGnTnさま大変申し訳ありません。 [前提・実現したいこと]において、現在javascriptで組んだWebページ用の曜日ごとのコンテンツ切り替えに祝日お盆休み等を手入力で追加設定したい。と記述してしまいましたが、正確には祝日の場合、置き換えたいでした。上記ですと、休日と曜日の要素がどちらも表示されてしまいました。祝日（holiday）の場合曜日と入れ替えたい場合はどうしたら良いでしょうか。 ※上記の、祝日に追加で情報を表示する記述も大変勉強になりました。ありがとうございます。

reiwa-gannen

2018/01/09 12:05

上記、自己解決しました。お騒がせして申し訳ありません。

退会済みユーザー

2018/01/09 23:49

解決してなによりです！がんばってください！

行動規範の内容に同意します