Sring型の２つの日付の間の全部の日にちを表示させる方法について

Question

実現したいこと

1日の24時間はその日の朝8：30～翌日の朝8：30です。
（例）
開始日時：2023/03/27 08:00:00
終了日時：2023/04/02 09:00:00

【出力結果】
[ '2023/03/26',
'2023/03/27',
'2023/03/28',
'2023/03/29',
'2023/03/30',
'2023/03/31',
'2023/04/01',
'2023/04/02' ]

該当のソースコード

function getEveryDays(sdate,edate) {
  var result = [];
  sdate = "2023/03/27 08:00:00";
  edate = "2023/04/02 09:00:00";
  var basic_sdate = sdate.split(" ")[0] + " 08:30:00";
  var date = new Date(basic_sdate);
  date.setDate(date.getDate() + 1);
  var basic_sdate2 = Utilities.formatDate(new Date(date.getFullYear(),date.getMonth(),date.getDate(),8,30,0), "Asia/Tokyo", "yyyy/MM/dd HH:mm:ss");

  var basic_edate = edate.split(" ")[0] + " 08:30:00";
  var date2 = new Date(basic_edate);
  date2.setDate(date2.getDate() + 1);
  var basic_edate2 = Utilities.formatDate(new Date(date2.getFullYear(),date2.getMonth(),date2.getDate(),8,30,0), "Asia/Tokyo", "yyyy/MM/dd HH:mm:ss");

  if (basic_sdate <= sdate && sdate <= basic_sdate2) {
    var loop = new Date(sdate.split(" ")[0] + " 08:30:00");
    // console.log("s_between = " + Utilities.formatDate(loop, "Asia/Tokyo", "yyyy/MM/dd HH:mm:ss"));
  } else {
    var loop = new Date(date.getFullYear(),date.getMonth(),date.getDate()-2,8,30,0);
    // console.log("not s_between = " + Utilities.formatDate(loop, "Asia/Tokyo", "yyyy/MM/dd HH:mm:ss"));
  }
  if (basic_edate <= edate && edate <= basic_edate2) {
    var end = new Date(edate);
    // console.log("e_between = " + Utilities.formatDate(end, "Asia/Tokyo", "yyyy/MM/dd HH:mm:ss"));
  } else if (edate >= (edate.split(" ")[0] + " 00:00:00") && edate < basic_edate){
    var end = new Date(date2.getFullYear(),date2.getMonth(),date2.getDate()-1,8,30,0);
  } else {
    var end = new Date(date2.getFullYear(),date2.getMonth(),date2.getDate()-2,8,30,0);
    // console.log("not e_between = " + Utilities.formatDate(end, "Asia/Tokyo", "yyyy/MM/dd HH:mm:ss"));
  }
  while(loop < end){
    var strLoop = Utilities.formatDate(loop, "Asia/Tokyo", "yyyy/MM/dd");
    result.push(strLoop);
    var newDate = loop.setDate(loop.getDate() + 1);
    loop = new Date(newDate);
  }
  console.log(result);
  return result;
}

補足情報（FW/ツールのバージョンなど）

上記の書き方で実現できたものの、自分的には書き方が冗長で一番バカっぽい書き方のようですが、
いかがでしょうか。

Comments

[yambejp]

8:30ぴったりのときは前日なのでしょうか当日なのでしょうか？

仮に
開始日時：2023/03/27 08:30:00
終了日時：2023/04/02 08:30:00
だとすると3/27-4/1？

Answer 1

const sdate = "2023/03/27 08:29:00";
const edate = "2023/04/02 08:30:00";
const d=[sdate,edate]
  .map(x=>new Date(new Date(x).getTime()-(8*60+30)*60*1000))
  .map(x=>["setHours","setMinutes","setSeconds"].reduce((y,z)=>(Date.prototype[z].call(y,0),y),x));
const res=Array((d[1]-d[0])/24/60/60/1000+1).fill(null).map((_,x)=>new Date(d[0].getTime()+(x*24+9)*60*60*1000).toLocaleDateString([],{year:"numeric",month:"2-digit",day:"2-digit"}));
console.log(res);

＃ 再調整

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  btn.addEventListener('click',()=>{
    const d=[sdate.value,edate.value]
      .map((x,y)=>new Date(new Date(x).getTime()-((8*60+30)*60+y)*1000))
      .map(x=>["setHours","setMinutes","setSeconds"].reduce((y,z)=>(Date.prototype[z].call(y,0),y),x));
    res.value=Array((d[1]-d[0])/24/60/60/1000+1).fill(null).map((_,x)=>new Date(d[0].getTime()+x*24*60*60*1000).toLocaleDateString([],{year:"numeric",month:"2-digit",day:"2-digit"})).join("\n");
  });
});
</script>
<input id="sdate" value="2023/04/01 08:30:00"><br>
<input id="edate" value="2023/04/02 08:30:00"><br>
<input type="button" id="btn" value="calc"><br>
<textarea id="res" cols=20 rows=20>
</textarea>

※注意：UTCを使わないので日付に9時間足すのをやめました

Comments

[rena_168]

書き方が非常に難しいようで、私にはちょっと理解しにくいですが、
4月1日の範囲が、4/1 8:30～4/2 8:30までですので、4月2日8：30までなら、最後の出力結果には4/2はあっていけないのですが、どうすべきでしょうか。

[yambejp]

> 4月1日の範囲が、4/1 8:30～4/2 8:30

普通は以下のどちらか
4/1 8:30:00～4/2 8:29:59
4/1 8:30:01～4/2 8:30:00

もしご指摘の処理を希望するならsdateは含んで、edateは含まないという特殊な設定を説明スべきです

[rena_168]

すみません、説明不足ですみません。時間は30分刻みの表記ですので、Inputデータの分の表記は00か30分の2パターンのみです。
ですから、4/1の24時間は4/1 8:30-4/2 8:30で、4/2の24時間は4/2 8:30-4/3 8:30です。

[yambejp]

一応再調整分で仕様に合っていると思いますが違うようならご指摘ください

[rena_168]

出来ています！！！
こんな短くて冗長じゃない書き方は、レベルが高くて私には書けそうにないです。。。
普段map reduceは単発で使ったことがありますが、こんなに組み合わせすることは使ったことがないです。
fillも初めてみます！
参考として勉強させてもらいます！

Answer 2

例えばこのような感じでしょうか？
（当初の回答に1行追加しました。）

function getEveryDays(strBegin, strEnd) {
  strBegin = '2023/03/27 08:00:00';
  strEnd = '2023/04/02 09:00:00';
  const dateBegin = new Date(strBegin);
  let dateEnd = new Date(strEnd);
  dateBegin.setMinutes(dateBegin.getMinutes() - 30);
  dateBegin.setHours(dateBegin.getHours() - 8);
  dateEnd.setMilliseconds(dateEnd.getMilliseconds() - 1);//ここを追加
  dateEnd.setMinutes(dateEnd.getMinutes() - 30);
  dateEnd.setHours(dateEnd.getHours() - 8); 
  dateEnd.setDate(dateEnd.getDate() + 1);
  dateEnd = new Date(Utilities.formatDate(dateEnd, 'JST', 'yyyy/MM/dd'));
  const result = [];
  while (dateBegin < dateEnd) {
    result.push(Utilities.formatDate(dateBegin, 'JST', 'yyyy/MM/dd'));
    dateBegin.setDate(dateBegin.getDate() + 1);
  }
  console.log(result);
  return result;
}

ログの内容
[ '2023/03/26',
'2023/03/27',
'2023/03/28',
'2023/03/29',
'2023/03/30',
'2023/03/31',
'2023/04/01',
'2023/04/02' ] ← strEndに 4/2 8:30:00を指定すると表示されない。

Comments

[YellowGreen]

日付の判断が違っていたので修正します。

[YellowGreen]

修正しました。

[YellowGreen]

dateBegin = new Date(Utilities.formatDate(dateBegin, 'JST', 'yyyy/MM/dd'));
は、無くても良かったですね。

[YellowGreen]

dateBeginの時刻はクリアしないように修正しました。
宣言もlet→constにしました。

[rena_168]

strEnd を"8:30"に変更したら、4/2も出力されたので、ちょっと違う気がします。4/1 8:30～4/2 8:30までが4/1ですので、4/2が出力されないのが正しいですが。。。

[YellowGreen]

4/2 8:30までではなく、4/2 8:30より前までと理解していました。
4/2 8:29:59 だと4/1と表示されるようにしたのですが、
4/2 8:30:00のときも4/1扱いとすればよろしいですね。
4/2 8:30:01は4/2扱いでよろしいですか。

[YellowGreen]

修正の例をアップしました。
終了時刻は、8:30:00ちょうどのときには前日扱いとし、1ミリ秒でも過ぎたら当日と扱われます。

[rena_168]

すみません、説明不足ですみません。時間は30分刻みの表記ですので、Inputデータの分の表記は00か30分の2パターンのみです。
ちゃんと説明してないのに、結果的に私と同じ結果になっています！
このような書き方もあるなんて勉強になりました！
ありがとうございます！

[YellowGreen]

> Inputデータの分の表記は00か30分の2パターンのみです。

何パターンあっても動作するようになってます。
ミリ秒単位で判断しますので...（笑）