获取昨日、近7天、近30天、本周、本月日期，回显到element的日期选择

骑猪看日落 2022-08-28 11:38 714阅读 0赞

在vue项目中，先在utils工具文件夹，新建date.js文件

function timeForMat(count) {
      // 拼接时间
      const time1 = new Date();
      const time2 = new Date();
      if (count === 1) {
        time1.setTime(time1.getTime() - 24 * 60 * 60 * 1000);
      } else {
        if (count >= 0) {
          time1.setTime(time1.getTime());
        } else {
          if (count === -2) {
            time1.setTime(time1.getTime() + 24 * 60 * 60 * 1000 * 2);
          } else {
            time1.setTime(time1.getTime() + 24 * 60 * 60 * 1000);
          }
        }
      }
    
      const Y1 = time1.getFullYear();
      const M1 = time1.getMonth() + 1 > 9 ? time1.getMonth() + 1 : '0' + (time1.getMonth() + 1);
      const D1 = time1.getDate() > 9 ? time1.getDate() : '0' + time1.getDate();
      //
      const timer1 = Y1 + '-' + M1 + '-' + D1 + ' ' + '23:59:59'; // 当前时间
    
      time2.setTime(time2.getTime() - 24 * 60 * 60 * 1000 * count);
      const Y2 = time2.getFullYear();
      const M2 = time2.getMonth() + 1 > 9 ? time2.getMonth() + 1 : '0' + (time2.getMonth() + 1);
      const D2 = time2.getDate() > 9 ? time2.getDate() : '0' + time2.getDate();
      //
      const timer2 = Y2 + '-' + M2 + '-' + D2 + ' ' + '00:00:00'; // 之前的7天或者30天
      return [timer2, timer1];
    }
    function add0(m) {
      return m < 10 ? '0' + m : m;
    }
    
    let dateModule = {
      days(num) {
        const timer = timeForMat(num);
        return timer;
      },
      thirtyDays() {
        // 获取最近30天
        const timer = timeForMat(30);
        return timer;
      },
      sevenDays() {
        // 获取最近7天
        const timer = timeForMat(7);
        return timer;
      },
      yesterday() {
        // 校验是不是选择的昨天
        const timer = timeForMat(1);
        return timer;
      },
      today() {
        const timer = timeForMat(0);
        return timer;
      },
      //本周
      getCurrentWeek: function() {
        let startStop = new Array();
        //获取当前时间
        let currentDate = new Date();
        //返回date是一周中的某一天
        let week = currentDate.getDay();
        //返回date是一个月中的某一天
        // let month = currentDate.getDate();
        //一天的毫秒数
        let millisecond = 1000 * 60 * 60 * 24;
        //减去的天数
        let minusDay = week != 0 ? week - 1 : 6;
        //alert(minusDay);
        //本周 周一
        let monday = new Date(currentDate.getTime() - minusDay * millisecond);
        //本周 周日
        let sunday = new Date(monday.getTime() + 6 * millisecond);
        let sy = monday.getFullYear();
        let sm = monday.getMonth() + 1;
        let sd = monday.getDate();
        let ey = sunday.getFullYear();
        let em = sunday.getMonth() + 1;
        let ed = sunday.getDate();
        // +' 00:00:00'
        //+' 23:59:59'
        let s = sy + '-' + add0(sm) + '-' + add0(sd); //开始
        let e = ey + '-' + add0(em) + '-' + add0(ed); //结束
    
        startStop.push(s);
        startStop.push(e);
        return startStop;
      },
      //本月
      getCurrentMonth: function() {
        //起止日期数组
        let startStop = new Array();
        //获取当前时间
        let currentDate = new Date();
        //获得当前月份0-11
        let currentMonth = currentDate.getMonth();
        //获得当前年份4位年
        let currentYear = currentDate.getFullYear();
        //求出本月第一天
        let firstDay = new Date(currentYear, currentMonth, 1);
    
        //当为12月的时候年份需要加1
        //月份需要更新为0 也就是下一年的第一个月
        if (currentMonth == 11) {
          currentYear++;
          currentMonth = 0; //就为
        } else {
          //否则只是月份增加,以便求的下一月的第一天
          currentMonth++;
        }
    
        //一天的毫秒数
        let millisecond = 1000 * 60 * 60 * 24;
        //下月的第一天
        let nextMonthDayOne = new Date(currentYear, currentMonth, 1);
        //求出上月的最后一天
        let lastDay = new Date(nextMonthDayOne.getTime() - millisecond);
        let sy = firstDay.getFullYear();
        let sm = firstDay.getMonth() + 1;
        let sd = firstDay.getDate();
        let ey = lastDay.getFullYear();
        let em = lastDay.getMonth() + 1;
        let ed = lastDay.getDate();
        // +' 00:00:00';
        // +' 23:59:59'/
        let s = sy + '-' + add0(sm) + '-' + add0(sd); //开始
        let e = ey + '-' + add0(em) + '-' + add0(ed); //结束
    
        startStop.push(s);
        startStop.push(e);
    
        return startStop;
      },
    
      //日期格式转化 yyyy-mm-dd
      dateTimeFormat(val) {
        let date = new Date(val);
        let datetime = undefined;
        let y = date.getFullYear();
        let mon = date.getMonth() + 1;
        let d = date.getDate();
        // let h = date.getHours();
        // let m = date.getMinutes();
        // let s = date.getSeconds();
        mon = mon < 10 ? '0' + mon : mon;
        d = d < 10 ? '0' + d : d;
        // h = h<10?'0'+h:h
        // m = m<10?'0'+m:m
        // s = s<10?'0'+s:s
        datetime = y + '-' + mon + '-' + d;
    
        return datetime;
      },
    };
    
    module.exports = dateModule;

二、在项目文件中应用 import dateModule from ‘@/utils/date’

案例: //默认日期昨天，  
this.dateTime1 =\[ new Date(dateModule.yesterday()\[0\]),new Date(dateModule.yesterday()\[1\]) \]

发表评论取消回复

表情：

评论列表（有 0 条评论，714人围观）

还没有评论，来说两句吧...

相关阅读

相关 mysql获取近7天，7周，7月，7年日期，根据当前时间获取近7天，7周，7月，7年日期,获取近几月每月的最后一天的日期

mysql获取近7天，7周，7月，7年日期，更具当前时间获取近7天，7周，7月，7年日期废话不多说，直接看图 1：根据表中最大时间获取近7天日期 SELEC

刺骨的言语ヽ痛彻心扉/ 2023年09月29日 12:01/ 0 赞/ 34 阅读

相关日期获取Calendar，获取本周第一天，本月第一天，往前7天，往前30的日期

获取每个月的第一天 public static String getFirstDay(Date date){ SimpleDateFor

分手后的思念是犯贱/ 2023年06月25日 02:24/ 0 赞/ 25 阅读

相关 mysql中使用一个函数获取昨天、今天、明天、近7天、近30天、本年、去年、本季度、上季度、本月、上月、本周、上周等日期

目录 1、使用TIMESTAMPDIFF函数完成上述功能 2、其他常用日期函数 3、不错的相关文章 1、

妖狐艹你老母/ 2022年11月18日 01:19/ 0 赞/ 926 阅读

相关 java 获取近七天日期

java 获取近七天日期 //pom.xml中的maven依赖 <dependency> <groupId>org.

- 日理万妓/ 2022年11月14日 11:58/ 0 赞/ 334 阅读

相关 js获取最近七天日期

没什么问题描述直接上代码吧 //返回最近七天的日期 getday2() { let days = []; var Date = n

红太狼/ 2022年11月12日 08:27/ 0 赞/ 328 阅读

相关 mysql查询今天、昨天、近7天、近30天、本月、上一月的SQL语句

这篇文章主要介绍了mysql查询今天、昨天、近7天、近30天、本月、上一月的SQL语句,一般在一些统计报表中比较常用这个时间段,需要的朋友可以参考下 mysql查询今天,昨天

淡淡的烟草味﹌/ 2022年11月04日 12:26/ 0 赞/ 27 阅读

相关获取昨日/今日/近7日/近30日

效果: 点击对应按钮自动获取对应时间 ![在这里插入图片描述][20210623100551477.png] vue中静态结构: <el-radio-grou

旧城等待，/ 2022年10月09日 02:47/ 0 赞/ 197 阅读

相关获取昨日、近7天、近30天、本周、本月日期，回显到element的日期选择

在vue项目中，先在utils工具文件夹，新建date.js文件 function timeForMat(count) { // 拼接时间 c

骑猪看日落/ 2022年08月28日 11:38/ 0 赞/ 715 阅读

相关 mysql查询今天、昨天、近7天、近30天、本月、上一月的SQL语句

mysql查询今天,昨天,近7天,近30天,本月,上一月数据的方法分析总结：话说有一文章表article，存储文章的添加文章的时间是add\_time字段，该字段为int

青旅半醒/ 2022年05月26日 13:37/ 0 赞/ 329 阅读

相关 php 获取近7天或者30天日期或者更大日期区间的日期方法

可以直接复制使用即可 / @description: 获取一个日期范围内的日期 @param {interval:日期范围,

女爷i/ 2022年03月18日 09:37/ 0 赞/ 543 阅读