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

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

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

![图片描述][1207032984-5c412c689cafc_articlex]

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('-');
        })

[1207032984-5c412c689cafc_articlex]: /images/20220302/beb4894ab5ca4d4db3eef10be39d845c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，236人围观）

还没有评论，来说两句吧...

相关阅读

相关将List转化为String 以逗号隔开

一.前言在我们日常开发中, 在前后端交互的时候 , 会遇到多个id或其他字段存放到一个字段中, 这时我们会遇到一个List(集合)---->String(单个字段),

怼烎@/ 2023年10月12日 19:06/ 0 赞/ 61 阅读

相关 LeetCode_区间问题_中等_795.区间子数组个数

目录 1.题目 2.思路 3.代码实现（Java） 1.题目给你一个整数数组 nums 和两个整数：left 及 right 。找出 nums

本是古典何须时尚/ 2023年10月06日 23:43/ 0 赞/ 16 阅读

相关区间问题 AcWing 906. 区间分组

区间问题 AcWing 906. 区间分组原题链接 [AcWing 906. 区间分组][AcWing 906.] 算法标签贪心思路 ans

怼烎@/ 2023年09月28日 13:34/ 0 赞/ 28 阅读

相关区间合并 AcWing 803. 区间合并

区间合并 AcWing 803. 区间合并原题链接 [AcWing 803. 区间合并][AcWing 803.] 算法标签区间合并贪心思路

古城微笑少年丶/ 2023年09月28日 11:32/ 0 赞/ 127 阅读

相关【LeetCode】区间（合并、插入、重叠区间、最小区间······）

文章目录汇总区间★ 无重叠区间★★ 合并区间★★ 插入区间★★★

落日映苍穹つ/ 2023年01月06日 15:52/ 0 赞/ 183 阅读

相关 Python中输入一个以空格为间隔的数组

很多时候要从键盘连续输入一个数组，并用空格隔开，Python中的实现方法如下： >>> str_in = input('请以空格为间隔连续输入一个数组:') 然后在

古城微笑少年丶/ 2022年06月06日 00:42/ 0 赞/ 244 阅读

相关 java按照月份把一个时间段拆分成多个时间区间

package com.changchong.util; import java.text.ParseException; import ja

曾经终败给现在/ 2022年06月01日 02:07/ 0 赞/ 1004 阅读

相关 [work] Bash 将字符串拆分成数组

split string to array in bash 和AS中的String.split不同，Bash没有类似的语法，但它实在是太灵活了，有很多种方式可以做类似的事情。

亦凉/ 2022年05月03日 16:28/ 0 赞/ 277 阅读

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

> 需求如下图，后台设置店铺营业时间后前端需将时间区间段划分为按半小时为间隔的数组用于展示 ![图片描述][1207032984-5c412c689cafc_articlex

灰太狼/ 2022年03月02日 02:00/ 0 赞/ 237 阅读

相关线段树(区间覆盖+区间加法)

include<iostream> include<cstdio> include<cctype> include<cmath> include<cstring> in

不念不忘少年蓝@/ 2021年11月22日 08:54/ 0 赞/ 371 阅读