javascriptで、「最短営業日＋１日後」を表示したい。

Question

こんにちは。

出荷日とお届け予定日を表示するバナーを作りたいのですが、
お届け予定日の方をどう作ればよいか、教えてください。

「出荷日」（最短営業日、１５時締め）は設定済です。
dispDate2W(0,15)

「お届け予定日」が、現在は（第２営業日、第３営業日）
dispDate2W(1,15)
dispDate2W(2,15)

にしておりますが、
厳密には「出荷日の翌日」なので、
dispDate2W(0,15)　の翌日

にしたいのです。
例えば、出荷日が金曜日だと、お届け日は月曜日ではなく、土曜（翌日）・日曜日（翌々日）になります。

どうぞよろしくお願いいたします。

<SCRIPT language="JavaScript">
<!--

/* -------------------------------------------------------------------
  出荷日計算JavaScript「出荷日田中ちゃん」ver 1.01 (c) tanaka-chan
-------------------------------------------------------------------- */

thisDay = new Date();
timeStamp = thisDay.getTime();
myMonth = thisDay.getMonth() + 1;
myDate  = thisDay.getDate();
myHours = thisDay.getHours();
myDay   = thisDay.getDay();
myWeekTbl = new Array( "日","月","火","水","木","金","土" );

function isHoliday (year, month, date, nday) {
  nofw    = Math.floor((date - 1) / 7) + 1;
  shunbun = Math.floor(20.8431+0.242194*(year-1980)-Math.floor((year-1980)/4));
  syubun  = Math.floor(23.2488+0.242194*(year-1980)-Math.floor((year-1980)/4));
  if (month ==  8 && date >=  13 && date <=  16) { return 1; } // 臨時休業日～日
  if (month ==  5 && date >=  1 && date <=  2)             { return 1; } // 臨時休業日２
  if (month ==  1 && date ==  1)               { return 1; } // 元旦
  if (month ==  1 && nday ==  1 && nofw ==  2) { return 1; } // 成人の日
  if (month ==  2 && date == 11)               { return 1; } // 建国記念の日
  if (month ==  3 && date == shunbun)          { return 1; } // 春分の日
  if (month ==  4 && date == 29)               { return 1; } // みどりの日
  if (month ==  5 && date >=  3 && date <=  5) { return 1; } // 憲法記念日～こどもの日
  if (month ==  7 && nday ==  1 && nofw ==  3) { return 1; } // 海の日
  if (month ==  9 && nday ==  1 && nofw ==  3) { return 1; } // 敬老の日
  if (month ==  9 && date == syubun)           { return 1; } // 秋分の日
  if (month ==  9 && nday ==  2 && nofw ==  3 
                  && date+1 == syubun) { return 1; } // 9月第3火曜の翌日が秋分の日→国民の休日
  if (month == 10 && nday ==  1 && nofw ==  2) { return 1; } // 体育の日
  if (month == 11 && date ==  3)               { return 1; } // 文化の日
  if (month == 11 && date == 23)               { return 1; } // 勤労感謝の日
  if (month == 12 && date == 23)               { return 1; } // 天皇誕生日
  if (nday  ==  0)                             { return 2; } // 日曜
  if (nday  ==  6)                             { return 2; } // 土曜
  return 0;
}



function dispDateW () {
  return dispDate(1);
}

function dispDate1W (h) {
  return dispDate1(h, 1);
}

function dispDate2W (n, h) {
  return dispDate2(n, h, 1);
}

}
function dispDate (w) {
  return dateFormat(myMonth,myDate,myDay,w);
}

function dispDate1 (h, w) {
  return dispDate2(0, h, w);
}

function dispDate2 (n, h, w) {
  var i = 0;
  while (i <= n) {
    thisDay.setTime(timeStamp + (1000*60*60*24 * i));
    myYear2  = thisDay.getFullYear();
    myMonth2 = thisDay.getMonth() ;
    myDate2  = thisDay.getDate();
    myDay2   = thisDay.getDay();
    if (isHoliday(myYear2,myMonth2,myDate2,myDay2) == 0 && i == 0 && h <= myHours) { n++; }  // 翌日扱い
    if (isHoliday(myYear2,myMonth2,myDate2,myDay2) >= 1){ n++; }  // 休日
    if (isHoliday(myYear2,myMonth2,myDate2,myDay2) == 1 && myDay2 == 0){ n++; }  // 振替休日
    i++;
  }
  return dateFormat(myMonth2,myDate2,myDay2,w);
}

function dateFormat (month, date, week, w) {
  if (w == 1) { return month+"月"+date+"日（"+myWeekTbl[week]+"）"; }
  else { return month+"月"+date+"日"; }
}

// -->
</SCRIPT>


<!-- 1列　透過背景なし -->
<div class="original_banner2">
<div class="original_banner_box">
<div class="banner_data">
<div class="inner_banner_data">
<span class="sbanner_title">


当日発送は15時まで・15時以降は翌日以降発送となります。<br>
ただいまご注文されると、お急ぎ便で<br>

<span class="banner_title">
<SCRIPT language="JavaScript"><!--
document.write(dispDate2W(0,15));
// --></SCRIPT> 発送、</span></span>
    
<font color="#D90000"><span class="switch" "banner_desc"><b>関西方面</b></span><span class="switch">
<span class="banner_title">翌日
<SCRIPT language="JavaScript"><!--
document.write(dispDate2W(1,15)) + 1;
// --></SCRIPT></span></span></font>
   
<font color="#D90000"><span class="switch" "banner_desc"><b>関東方面</b></span><span class="switch">
<span class="banner_title">翌々日 
<SCRIPT language="JavaScript"><!--
document.write(dispDate2W(2,15));
// --></SCRIPT></span></span></font>

<font color="#D90000"><span class="switch" "banner_desc"><b>北海道・沖縄</b></span><span class="switch">
<span class="banner_title">３日後
<SCRIPT language="JavaScript"><!--
document.write(dispDate2W(3,15));
// --></SCRIPT>以降</span></span></font>
    
<span class="banner_desc">
    <font size=2.5>のお届け予定です。</font><br><br><b><font size=2.5><i class="fas fa-exclamation-triangle"></i>これ以前の日付を選択された場合、後ほどお届け日修正のご連絡をさせていただきます。<br><br><i class="fas fa-exclamation-triangle"></i>季節・繁忙期など例外がございます。詳しくはお問い合わせください。</font></b>
</span>
</div>
</div>
</div></div>

Comments

[kei344]

「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを、具体的に記述されたほうが回答を得られやすいと思います。

[cherryz]

アドバイスありがとうございます。

Answer 1

dispDate2() の土日祝を飛ばしている部分をなくしたものを作れば良いかと思います。

Comments

[cherryz]

ありがとうございます！やってみましたが、
「出荷日」（最短営業日・・・土日祝日飛ばす）
dispDate2W(0,15)
の翌日・翌々日としたいところ、
dispDate2()　　の土日祝を飛ばしたものだと、「本日」の翌日・翌々日になってしまいます。
例えば、木曜注文なら良いのですが（発送日　金曜、お届け　土・日）、
金曜注文だと、「発送日」月曜・「お届け予定日」日・月となる感じです。
この場合に、「発送日」月曜・「お届け予定日」火・水にしたいのです。

[yh1224]

なるほどです、理解しました。

そうすると、先に出した「出荷日」を基準にして、そこから「翌日」「翌々日」を計算するのが良いのではないかと思います。たとえば dispDate2() 内で「本日」にあたる thisDay を引数で渡すようにするなど。

また、現在の関数は日付の計算と文字列への変換までしておりちょっと使い回しにくいと思うので、以下のように関数を分けると良いかと思います。

- 「本日」から「出荷日」を計算する。(Date 型)
- 「出荷日」から「お届け予定日」を計算する。(Date 型→Date 型)
- Date 型を文字列にする。