场景

   API传回开始时间和结束时间,页面需要展示开始时间和结束时间中相隔多少时间,以15分钟为单位使用select展示,例如开始时间和结束时间相差一小时展示15分钟、30分钟、45分钟以及1小时。相差两个小时;展示一小时内数据以及1小时15分、1小时30分……

处理方式

    let itemList = [];// 开始时间结束时间相差分钟数,可使用moment.js计算let diffMinunes = 485;let diffCountMin = Math.floor(diffMinunes / 15);console.log("diffCountMin is: "+diffCountMin);for (let i = 1; i <= diffCountMin; i++) {// 取余数if (i % 4 == 1) {let minus = 15;let hour = 0;// 去商值if (i / 4 > 0) {hour = parseInt(i / 4);}itemList.push({time: hour + ":" + minus,timeName:hour > 0 ? (hour+"小时"+minus+"分钟") : (minus+"分钟")})}if (i % 4 == 2) {let minus = 30;let hour = 0if (i / 4 > 0) {hour = parseInt(i / 4);}itemList.push({time: hour + ":" + minus,timeName:hour > 0 ? (hour+"小时"+minus+"分钟") : (minus+"分钟")})}if (i % 4 == 3) {let minus = 45;let hour = 0if (i / 4 > 0) {hour = parseInt(i / 4);}itemList.push({time: hour + ":" + minus,timeName:hour > 0 ? (hour+"小时"+minus+"分钟") : (minus+"分钟")})}if (i % 4 == 0) {let minus = 0;let hour = 0if (i / 4 > 0) {hour = parseInt(i / 4);}itemList.push({time: hour + ":" + minus,timeName:hour > 0 ? (hour+"小时"+minus+"分钟") : (minus+"分钟")})}}console.log("itemList is "+JSON.stringify(itemList));

js以15分钟为单位分割间隔时间相关推荐

  1. js前端计算两个日期的间隔时间(时间差)

    首先说明一下时间戳的概念.时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数.所以要求两个时间的间隔只需要将两个时间戳相 ...

  2. java前台计算date差_js前台计算两个日期的间隔时间

    js前台计算两个日期的间隔时间(时间差) 原创 2017年08月28日 16:09:43 标签:javascript 1144 在后台传来两个时间字段,从中解析出两个字符串类型的日期格式 需要在前台解 ...

  3. PostgreSQL间隔时间(单位:分钟)

    需求:获取开始时间到结束时间的间隔(单位:分钟) PostgreSQL: round(date_part('epoch', end_time - begin_time)::NUMERIC / 60) ...

  4. 15分钟,教你用Python爬网站数据,并用BI可视化分析!

    作为一名在数据行业打拼了两年多的数据分析师,虽然目前收入还算ok,但每每想起房价,男儿三十还未立,内心就不免彷徨不已~ 两年时间里曾经换过一份工作,一直都是从事大数据相关的行业.目前是一家企业的BI工 ...

  5. layui时间选择30分钟为单位_如何集中注意力,不妨试试番茄工作法 | 五色时间管理法...

    工作断断续续? 注意力不集中? 感觉自己被碎片化了? 晓一推荐你一种非常有效的方法--番茄工作法. 也就是把整块的时间分割成多个小段时间来使用,并且一次只做一件事. 这个方法可以帮助你提高工作效率. ...

  6. [标题党]15分钟开发可支持百万观众的H5视频直播网站

    15分钟用Rails开发一个Blog有什么意思?那是2005年的Hipster追捧的玩具. 现在都已经是2015年了.HTML应该读作Hipster's Toolkit Made Live了. 既然是 ...

  7. 网页视频15分钟自动暂停_在15分钟内学习网页爬取

    网页视频15分钟自动暂停 什么是网页抓取? (What is Web Scraping?) Web scraping, also known as web data extraction, is th ...

  8. 又一低代码平台火了!15 分钟小白轻松开发在线课堂,人人都是开发者时代来了?

    据艾瑞咨询统计,2020 年中国在线教育行业市场规模 2573 亿元,过去 4 年的复合增长率达 34.5%.如今在线教育行业如火如荼,亟待一款好的在线教育平台. 此时,不少开发者和教育机构遇到新的难 ...

  9. python 神经网络工具_神经网络15分钟入门!使用python从零开始写一个两层神经网络...

    本篇是该系列的第三篇,建议在阅读本篇文章之前先看前两篇文章. 在本文中将使用python实现之前描述的两层神经网络,并完成所提出的"象限分类"的问题. 需要注意的是,虽然标题叫做神 ...

最新文章

  1. 巧用CSS的Border属性
  2. [tomcat]源码简析 异步/非阻塞和请求构成
  3. iOS10 推送通知 UserNotifications
  4. pythonctypes int数组调用dll
  5. 将图片显示在应用最上层_谷歌Chrome 75将原生支持lazy loading,动动手也可以抢先试玩...
  6. MySQL从服务器写入报错吗_MySQL主从复制读写分离及奇怪的问题
  7. docker挂载文件躺过的坑
  8. C++17 部分实用特性
  9. Object-C 与C/C++的区别
  10. 节约里程法matlab程序_物流配送路径优化研究 毕业论文.doc
  11. LordPE找不到进程
  12. 高精度温度采集系统设计
  13. Stata:多元回归中控制其他因素不变的含义
  14. java学习之springcloud之服务注册与发现篇
  15. Android Mvc 模式
  16. IPFS和梅克尔森林
  17. 2020-08-31
  18. 水星WM150U无线网卡开机掉驱动的解决方法
  19. 轻触开关的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
  20. 程序员必知的40个算法

热门文章

  1. javaweb编辑器ckeditor配置_ckeditor (一)在java web中的配置
  2. Python安装包报错ERROR: Could not find a version that satisfies the requirement XXX解决方法
  3. Android studio实现个人体重指数计算
  4. Windows系统下电脑强制卡死、关机的邪恶方法
  5. 【自然语言处理(NLP)】聊天机器人模块实现
  6. 汇编语言 十六进制输出
  7. 【opencv-python-face_recognition人脸识别,分辨人物是否为同一个人】人脸检测,识别出人物框,并能根据两次输入图片分辨是否为同一个人
  8. python正则表达式(re)基础:查找所有(findall)匹配数字列表(ilst)
  9. 这几招你都会了吗?新手必备,以后少修车哦!
  10. 2020年Java开发前景还好吗?现在学java好找工作吗?