js获取当前日期昨天、今天、明天日期的不同方法总结

 更新时间:2023年11月28日 11:49:05   作者:努力学编程呀(๑•ี_เ•ี๑)  
JS中处理日期时间常用Date对象,下面这篇文章主要给大家介绍了关于利用js获取当前日期昨天、今天、明天日期的不同方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

一、方法一

1. 获取当前日期

  var today = new Date();  

2. 获取昨天的日期

  var yesterday = this.getDay(-1)

3. 获取今天的日期

   var today = this.getDay(0)

5. 获取明天的日期

   var tomorrow = this.getDay(1)

6. 调用的方法示例代码如下所示:

获取当前日期昨天、今天、明天的日期

methods: {
        
            getDay(day) {  
                var today = new Date();  
                var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;  
                today.setTime(targetday_milliseconds); //注意,这行是关键代码
                  
                var tYear = today.getFullYear();  
                var tMonth = today.getMonth();  
                var tDate = today.getDate();  
                tMonth = this.doHandleMonth(tMonth + 1);  
                tDate = this.doHandleMonth(tDate);  
                return tYear + "-" + tMonth + "-" + tDate;
            },
            doHandleMonth(month) {  
                var m = month;  
                if (month.toString().length == 1) {  
                    m = "0" + month;  
                }  
                return m;
            },
        },

二、方法二

1. 获取当前日期

  var today = new Date();

2. 获取昨天的日期

   today .setTime(day1.getTime()-24*60*60*1000);
   var yesterday = today .getFullYear()+"-" + (today .getMonth()+1) + "-" + today .getDate();

3. 获取今天的日期

   today .setTime(today .getTime());
   var day= today .getFullYear()+"-" + (today .getMonth()+1) + "-" + today .getDate();

4. 获取明天的日期

   today .setTime(today .getTime()+24*60*60*1000);
   var tomorrow= today .getFullYear()+"-" + (today .getMonth()+1) + "-" + today .getDate();

总结:

知识小结:

总结:

  •  获取当前日期并进行计算想要的日期
  {
            text: '本月',
            onClick(picker) {
                // 获取当前日期
                const today = new Date();
                // 获取当前月份的第一天
                const start = new Date(today.getFullYear(), today.getMonth(), 1);
                // 获取当前月份的最后一天
                const end = new Date(today.getFullYear(), today.getMonth() + 1, 0);
                picker.$emit('pick', [start, end]);
            }
          },
  •  1、传值调用此方法
 created() {
            console.log("昨天:", this.getDay(-1))
            console.log("今天:", this.getDay(0))
            console.log("明天:", this.getDay(1))
            console.log("20年以后:", this.getDay(20 * 365))
        }
  •  获取当前时间, new Date()
  •  day为number,getDay(-1):昨天的日期;getDay(0):今天的日期;getDay(1):明天的日期;

附:js获取当前星期几的方法

JavaScript中的Date对象提供了获取当前日期和时间的方法。其中,getDay()方法可以返回当前星期,返回值为0-6,分别代表星期日到星期六。

以下是使用Date对象获取当前星期几的示例代码:

const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
const today = new Date();
const dayOfWeek = weekDays[today.getDay()];
console.log(`Today is ${dayOfWeek}`);

在上面的代码中,我们首先定义了一个包含星期日到星期六的数组weekDays。然后,我们创建了一个Date对象,使用getDay()方法获取当前星几,并使用数组weekDays获取对应的星期几名称。

到此这篇关于js获取当前日期昨天、今天、明天日期的不同方法的文章就介绍到这了,更多相关js获取当前日期昨天、今天、明天内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript中的事件处理程序

    JavaScript中的事件处理程序

    这篇文章介绍了JavaScript中的事件处理程序,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • iSlider手机端图片滑动切换插件使用详解

    iSlider手机端图片滑动切换插件使用详解

    这篇文章主要为大家详细介绍了iSlider手机端图片滑动切换插件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • JavaScript canvas实现雪花随机动态飘落

    JavaScript canvas实现雪花随机动态飘落

    这篇文章主要为大家详细介绍了JavaScript canvas实现雪花随机动态飘落,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • CountUp.js实现数字滚动增值效果

    CountUp.js实现数字滚动增值效果

    这篇文章主要为大家详细介绍了CountUp.js实现数字滚动增值效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javascript单张多张图无缝滚动实例代码

    javascript单张多张图无缝滚动实例代码

    在本篇文章里小编给大家分享的是关于javascript单张多张图无缝滚动实例代码和实例,需要的朋友们可以参考下。
    2020-05-05
  • ES6模板字符串和标签模板的应用实例分析

    ES6模板字符串和标签模板的应用实例分析

    这篇文章主要介绍了ES6模板字符串和标签模板的应用,结合实例形式分析了ES6模板字符串和标签模板的功能、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2019-06-06
  • 减少访问DOM的次数提升javascript性能

    减少访问DOM的次数提升javascript性能

    访问修改DOM元素都会导致浏览器重新计算页面的几何变化,下面为大家介绍下javascript性能提升方法,需要的朋友可以参考下
    2014-02-02
  • JavaScript可否多线程? 深入理解JavaScript定时机制

    JavaScript可否多线程? 深入理解JavaScript定时机制

    JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感
    2012-05-05
  • 深入认识javascript中的eval函数

    深入认识javascript中的eval函数

    发现为本文起一个合适的标题还不是那么容易,呵呵,所以在此先说明下本文的两个目的.
    2009-11-11
  • iframe与主框架跨域相互访问实现方法

    iframe与主框架跨域相互访问实现方法

    今天正好需要用到iframe 与主框架相互访问的实现方法,正好看到了这篇文章,确实不错,特分享一下,需要的朋友可以参考下
    2017-09-09

最新评论