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

这篇具有很好参考价值的文章主要介绍了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://www.toymoban.com/news/detail-707931.html

到了这里,关于JavaScript获取时间(js中的new Date(),获取前7天时间)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • new Date(时间)IOS兼容问题

    问题 后端接口返回数据格式为Time:\\\"2021-10-15 23:59:50\\\",安卓上 new Date(Time)没问题,IOS部分较低系统执行new Date(Time)返回为NaN。 当时间格式为 yy-mm-dd HH:mm:ss 时,ios系统认得“/”却不认得“-”,所以需要把\\\"-\\\"转化为“/”。 解决办法: 使用replace替换,直接将 - 替换为 / ,这样

    2024年04月14日
    浏览(46)
  • js获取某天时间的下一天

    方便自己参考 

    2024年02月13日
    浏览(41)
  • js/javascript获取时间戳的5种方法

    以下便是干货 1.获取时间戳精确到秒,13位 2.获取时间戳精确到毫秒,13位 3.获取时间戳精确到毫秒,13位 4.获取时间戳精确到毫秒,13位 5.获取时间戳精确到毫秒,13位 其它 在开发的中需要精确到秒的时候,推荐使用 第1种方法,也需要除以1000才行,如果是需要时间戳毫秒的推荐 +new D

    2024年02月11日
    浏览(44)
  • 记录一次错误的使用当前时间new Date()引发的错误

    前言    当我回顾自己的博客写作经历时,发现已经好久没有动笔了。然而,我深知互联网的强大之处,它让我们每个人都能轻松地获取信息和解决问题。每当我遇到困难时,只需上网搜索一番,往往就能找到答案。          这一切都得益于那些乐于分享经验和知识的人们

    2024年03月28日
    浏览(96)
  • 微信小程序 IOS中new Date()时间格式不兼容问题

    问题描述: 最近在小程序项目中遇到了处理Date时间格式的需求,在Android手机测试是没有发现问题的,但是在IOS上 时间转换出现了错误。 解决方案: 这里主要兼容问题在于Android可以处理 ‘-’ 与 ‘/’ ,而IOS只能处理 ‘/’ 的时间格式,具体如下: 总结: 这里需要注意的

    2024年02月13日
    浏览(62)
  • JavaScript 中 new Date() 生成的日期格式转换为 ‘yyyy-MM-dd HH:mm:ss‘ 格式的字符串

    1、使用 Date 对象自带的方法 可以使用 Date 对象自带的方法来获取日期字符串的各个部分,然后将它们拼接成目标格式的字符串: 2、使用第三方库 也可以使用第三方库来格式化日期字符串,如 moment.js: 或者使用 ES6 的模板字符串和 Date 对象自带的方法:

    2024年02月16日
    浏览(71)
  • JS时间对象(Date)与字符串(String)相互转换

    运行结果: D:DevEnvironmentNodeJsnode.exe D:MyProjectscoding-studysrcmainresourcesstaticutils.js format1 = 2022年09月23日 23:24:39.836 星期五 第3季度 format2 = 2022年9月23日 11:24:39.836 am 周五 第3季度 format3 = 2022-09-23 23:24:39.836 am 五 Process finished with exit code 0 运行结果: D:DevEnvironmentNodeJsnode.exe

    2024年02月16日
    浏览(49)
  • Java中的日期时间类详解(Date、Calendar、DateFormat)

    Hi i,m JinXiang ⭐ 前言 ⭐ 本篇文章主要介绍Java时间的几种常见方法以及部分理论知识 🍉欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁 🍉博主收将持续更新学习记录获,友友们有任何问题可以在评论区留言 在JDK1.0中,Date类是唯一的一个代表时间的类,但是由于Date类不

    2024年02月05日
    浏览(38)
  • Vue中的el-date-picker时间选择器的使用

    1、value-format属性设置需要什么格式的时间 2、type类型选择datetime、date type类型改成date时,日期选择器就变成了年月日。 value-format不指定时,也默认时年月日。

    2024年02月12日
    浏览(68)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包