将区间时间段拆分成以半小时为间隔的子区间-蒲公英云

将区间时间段拆分成以半小时为间隔的子区间

灰太狼 2022-03-02 02:00 323阅读 0赞

需求如下图，后台设置店铺营业时间后前端需将时间区间段划分为按半小时为间隔的数组用于展示

图片描述

let openTime = ['11:00 - 12:00', '17:00 - 19:00', '21:00 - 23: 00'];
    let y = new Date().getFullYear();
    let m = new Date().getMonth()+1;
    let d = new Date().getDate();
    let start = [], end = []; //start起始时间数组，end结束时间数组
    for(let i=0,len=openTime.length;i<len;i++) { //将时间字符串转换成日期格式并存入开始时间数组和结束时间数组
      let [s, e] = openTime[i].split('-');
      start.push(new Date(y+'/'+m+'/'+d+' '+s));
      end.push(new Date(y+'/'+m+'/'+d+' '+e));
    }
    let list = [];
    function formatTime(time) { //时间为个位数则补零
      return time < 10 ? '0' + time : time;
    }
    for(let i=0,len=start.length;i<len;i++) {
      let len2 = (end[i].getTime() - start[i].getTime())/(30*60*1000); //计算各子区间以半小时为间隔拆分后的数组长度
      for(let j=0;j<len2;j++) {
        if(start[i].getTime()+30*60*1000<=end[i].getTime()) {
          //将各子区间日期按半小时递增转换为时间并存入list数组
          let ss = new Date(start[i].getTime()+30*60*1000*j), ee = new Date(start[i].getTime()+30*60*1000*(j+1));
          list.push([formatTime(ss.getHours())+':'+formatTime(ss.getMinutes()), formatTime(ee.getHours())+':'+formatTime(ee.getMinutes())]);
        }
      }
    }
    list = list.map(item => {
      return item.join('-');
    })