详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)

 更新时间:2015年10月01日 08:17:04   作者:风雨后见彩虹  
最近项目需求要生成一个倒数7天的数组,下面小编把我的实现思路和代码整理分享给大家,供大家参考,需要的朋友可以参考下

问题描述:

使用JavaScript生成一个倒数7天的数组。

比如今天是10月1号,生成的数组是["9月25号","9月26号","9月27号","9月28号","9月29号","9月30号","10月1号"]。

这个难点就是需要判断这个月份(可能还需要上一个月份)是30天还是31天,而且还有瑞年的2月28天或者29天。

解答思路:

不需要那么复杂,在js中非常简单,因为js的date对象是可以参与数学运算的!!!看下面的代码:

var now = new Date('2012/3/2 12:00:00'); // 这个算法能自动处理闰年和非闰年。2012年是闰年,所以2月有29号
var s = '';
var i = 0;
while (i < 7) {
 
 s += now.getFullYear() + '/' + (now.getMonth() + 1) + '/' + now.getDate() + '\n';
 now = new Date(now - 24 * 60 * 60 * 1000); // 这个是关键!!!减去一天的毫秒数效果就是把日期往前推一天
 i++;
}
console.log(s);

结果如图:

如果需求不是指定某一天的时间,而是根据系统当前的时间,来计算也是可以的。

根据当前系统时间,来计算这个倒数7天的数组:

var now = new Date(); // 这个算法能自动处理闰年和非闰年。2012年是闰年,所以2月有29号
var s = '';
var i = 0;
while (i < 7) {
   
    s += now.getFullYear() + '/' + (now.getMonth() + 1) + '/' + now.getDate() + '\n';
    now = new Date(now - 24 * 60 * 60 * 1000); // 这个是关键!!!减去一天的毫秒数效果就是把日期往前推一天
    i++;
}
console.log(s);

结果如图所示:

以上就是本文的全部内容,希望对大家学习js date对象操作有所帮助。下篇文章给大家介绍有关js的日期格式化问题,详细了解请点击javascript Date format

相关文章

  • NodeJS的Promise的用法解析

    NodeJS的Promise的用法解析

    下面小编就为大家带来一篇NodeJS的Promise的用法解析。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • Vue自定义日历小控件使用方法详解

    Vue自定义日历小控件使用方法详解

    这篇文章主要为大家详细介绍了Vue自定义日历小控件使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • js实现图片无缝滚动特效

    js实现图片无缝滚动特效

    这篇文章主要为大家详细介绍了js实现图片无缝循环滚动特效的相关资料,本实例在网页中较为常见,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • echarts如何实现动态曲线图(多条曲线)

    echarts如何实现动态曲线图(多条曲线)

    这篇文章主要介绍了echarts如何实现动态曲线图(多条曲线),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • JavaScript实现重力下落与弹性效果的方法分析

    JavaScript实现重力下落与弹性效果的方法分析

    这篇文章主要介绍了JavaScript实现重力下落与弹性效果的方法,结合实例形式分析了javascript重力下落及弹性效果的原理与具体实现技巧,需要的朋友可以参考下
    2017-12-12
  • 详细聊聊JS中不一样的深拷贝

    详细聊聊JS中不一样的深拷贝

    对于js中的对象的深拷贝在项目的开发中比较常用到,这篇文章主要给大家介绍了关于JS中不一样的深拷贝的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • JS与jQ读取xml文件的方法

    JS与jQ读取xml文件的方法

    本文通过代码实例给大家讲解js读取xml文件及jq读取xml文件的方法,对本文感兴趣的朋友一起学习吧
    2015-12-12
  • JavaScript中强大的操作符使用详解

    JavaScript中强大的操作符使用详解

    JavaScript 为我们提供了很多操作符,用于操作表达式。下面就来盘点一下 JavaScript 中那些强大的操作符,感兴趣的小伙伴可以了解一下
    2022-09-09
  • 使用Require.js封装原生js轮播图的实现代码

    使用Require.js封装原生js轮播图的实现代码

    这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下
    2017-06-06
  • 前端性能优化及技巧

    前端性能优化及技巧

    这篇文章主要介绍了前端性能优化及技巧,需要的朋友可以参考下
    2016-05-05

最新评论