JavaScript生成指定范围的时间列表
更新时间：2018年03月19日 13:59:48 作者：Shapeying
这篇文章主要介绍了JavaScript生成指定范围的时间列表思路详解,需要的朋友可以参考下
遇到一个场景，需要拿到指定时间范围内的每一天，满足格式"YYYYMMDD",简单的功能，简单的思路
准备
date对象有很多的方法，用到了以下：
new date ()生成date对象，可以直接指定年月日等，new date(year,month,day)
getFullYear() 返回date对象中的年份
getMonth() 返回date对象中的月份（0~11），注意从0开始计
getDate() 返回date对象中的天，注意从 1 开始计
getTime() 返回1970年1月1日到date对象的毫秒数
解析指定范围
规定按照 yyyy-mm-dd格式字符串输入时间范围，split分割即可得到开始和结束时间的年月日，再生成对应的date对象，拿到毫秒数
let st = start.split('-');
let et = end.split('-');
let startTime = new Date(st[0],st[1]-1,st[2]).getTime();
let endTime = new Date(et[0],et[1]-1,et[2]).getTime();
注意 ： 月份需要减 1 ，因为是从0开始计的
拿到每一天
如何知道时间范围内有那些天呢？上面有了开始和结束时间距离1970.1.1的毫秒数，每一天有24 * 60 * 60 * 1000的毫秒数，所以我们可以通过毫秒数计算出每一天
for( let i = startTime ; i <= endTime ; ){
res.push(formatTime(i,''));
i += 24 * 60 * 60 * 1000;
}
格式化输出
将时间格式化，个位数字补0，加上指定的分割符
function formatTime(time,spliter = '-'){
let date = new Date(time);
let year = date.getFullYear();
let month = (date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1);
let day = date.getDate() >= 10 ? date.getDate() : '0' + date.getDate();
return `${year}${spliter}${month}${spliter}${day}
}
验证
总结
以上所述是小编给大家介绍的JavaScript生成指定范围的时间列表，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了JavaScript获取网页中第一个图片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以参考下2015-04-04
今天小编就为大家分享一篇关于JavaScript常用事件介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要介绍了JS+CSS实现带小三角指引的滑动门效果,可实现带有箭头提示效果的滑动门功能,涉及JavaScript动态操作页面元素样式的相关技巧,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了javascript页面渲染速度测试脚本,计算浏览器渲染HTML页面所需要的时间,需要的朋友可以参考下2014-04-04
在搭建博主博客的时候，寻思着做一些效果，看到菜单，就想是不是可以做一下颜色的渐变，增加一点动态的感觉。有个jquery的插件，效果相当不错，不过博主还是打算自立更生写一下，看看能不能实现2013-10-10
最近遇到几次需要校验URL的,使用这篇文章小编就为大家整理了一下几个JavaScript校验URL的方法,文中的示例代码简洁易懂,感兴趣的小伙伴可以了解一下2023-12-12
这篇文章主要介绍了AutoJs实现刷宝短视频的思路详解,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
【经验总结】编写JavaScript代码时应遵循的14条规律
这篇文章主要介绍了编写JavaScript代码时应遵循的14条规律,涉及javascript变量的定义,函数、表单、json的使用,逻辑运算与页面元素操作技巧等,非常具有实用价值,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了原生 JS Ajax,GET和POST 请求实例代码的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
本文为《JavaScript高级程序设计》第9章中的跨平台事件中的部分内容。2010-04-04
最新评论