0


JavaScript获取时间(js中的new Date(),获取前7天时间)

简述:我们在写Echarts的时候,难免会用到js中的new Date(),用来获取时间,

今天就来分享下它的用法,顺便做下笔记。

关于new Date()的一些js方法:

  const nowDate = new Date();
  //中国标准时间
  console.log("1、", nowDate);  
  //获取完整的年份(4位,1970-????)
  console.log("2、", nowDate.getFullYear()); 
  //获取当前月份(0-11,0代表1月)
  console.log("3、", nowDate.getMonth());
  //获取当前日(1-31)
  console.log("4、", nowDate.getDate());
  //获取当前星期X(0-6,0代表星期天)
  console.log("5、", nowDate.getDay());
  //获取当前时间(从1970.1.1开始的毫秒数),可以理解为时间戳
  console.log("6、", nowDate.getTime());
  //获取当前小时数(0-23)
  console.log("7、", nowDate.getHours());
  //获取当前分钟数(0-59)
  console.log("8、", nowDate.getMinutes());
  //获取当前秒数(0-59)
  console.log("9、", nowDate.getSeconds());
  //获取当前毫秒数(0-999)
  console.log("10、", nowDate.getMilliseconds());
  //获取当前日期
  console.log("11、", nowDate.toLocaleDateString());
  //获取当前时间
  console.log("12、", nowDate.toLocaleTimeString());
  //获取日期与时间
  console.log("13、", nowDate.toLocaleString());

输出:

new Date()操作实例:

1、获取前一段时间的日期

首先定义一个getPreviousDate函数,方便调用
function getPreviousDate(numOfDays) {
  var date = new Date();
  date.setDate(date.getDate() - numOfDays);
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  return year + "-" + month + "-" + day;
}

难点:这里用到了setDate()方法,该方法用于实现日期的相加减,它接收一个整数,如果这个整数大于当前时间对象中月份的日期上线,则自动往前进位,余数为下个月的日期;

解析:setDate()方法中的参数表示一个月中的一天的一个数值(1 ~ 31),0 为上一个月的最后一天,-1 为上一个月最后一天之前的一天,如果当月有 31 天,32 为下个月的第一天,如果当月有 30 天,32 为下一个月的第二天。

函数调用,获取前7天的日期:

  var previousDate = getPreviousDate(7);
  console.log(previousDate); 
  // 输出:2023-4-3

以上代码中 getPreviousDate 函数用于获取前一段时间的日期,参数 numOfDays表示需要获取的天数,然后利用 Date 对象的 setDate 方法来实现日期的计算,减去 numOfDays天即可获得前一段时间的日期,最后将年月日拼接成字符串并返回即可。

2、获取前6年

 function beforeSixYear() {
    const date = new Date().getUTCFullYear();
    const yearList = [];
    for (let i = 1; i <= 6; i++) {
      console.log(i);
      yearList.push(date - i);
    }
    return yearList;
 };
 const sixYear = beforeSixYear()
 console.log(sixYear);
 // 输出: [2022, 2021, 2020, 2019, 2018, 2017]

......


本文转载自: https://blog.csdn.net/weixin_65793170/article/details/130051739
版权归原作者 北城笑笑 所有, 如有侵权,请联系我们删除。

“JavaScript获取时间(js中的new Date(),获取前7天时间)”的评论:

还没有评论