js获取昨天，今天，明天，上周，本周，下周，上月，本月，下月，去年，本年，明年，上季度，本季度，下季度，向前推日期等

已于 2022-10-28 17:00:27 修改
阅读量1k 收藏 1
点赞数 1
分类专栏： js的Time时间相关 js 文章标签： javascript vue.js 前端
于 2022-10-28 17:00:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43923808/article/details/127574826
版权

配合的elementul的日期选择器使用的

参数是这样的：-1代表'上'，0代表'本'，1代表'下'

本月：1号到今天。意思就是比如今天是10月27号，那点击这个获取的是10月1号到10月27号得

效果如图：按顺序点了一遍，从左到右

 

 

上代码！

<template>
  <div style="padding: 40px">
    <el-date-picker
      v-model="timerValue"
      value-format="yyyy-MM-dd"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      style="margin-right: 20px"
    >
    </el-date-picker>
    <div style="margin-top: 20px">
      <el-button type="primary" size="mini" @click="submitTimejt(-1)"
        >昨日</el-button
      >
      <el-button type="primary" size="mini" @click="submitTimejt(0)"
        >今日</el-button
      >
      <el-button type="primary" size="mini" @click="submitTimejt(1)"
        >明日</el-button
      >
      <el-button type="primary" size="mini" @click="submitTime(7)"
        >最近一周(向前推)</el-button
      >
      <el-button type="primary" size="mini" @click="submitTime(30)"
        >最近30天(向前推)</el-button
      >
      <el-button type="primary" size="mini" @click="getWeektime(-1)"
        >上周</el-button
      >
      <el-button type="primary" size="mini" @click="getWeektime(0)"
        >本周</el-button
      >
      <el-button type="primary" size="mini" @click="getWeektime(1)"
        >下周</el-button
      >
      <el-button type="primary" size="mini" @click="submitTimeSy(-1)"
        >上月(完整月)</el-button
      >
      <el-button type="primary" size="mini" @click="submitTimeSy(0)"
        >本月(完整月)</el-button
      >
      <el-button type="primary" size="mini" @click="submitTimeSy(1)"
        >下月(完整月)</el-button
      >
      <el-button type="primary" size="mini" @click="submitTimeBy"
        >本月(1号到今天)</el-button
      >
      <el-button type="primary" size="mini" @click="checkQuartertimer(-1)"
        >上季度</el-button
      >
      <el-button type="primary" size="mini" @click="checkQuartertimer(0)"
        >本季度</el-button
      >
      <el-button type="primary" size="mini" @click="checkQuartertimer(1)"
        >下季度</el-button
      >
      <el-button type="primary" size="mini" @click="getYeartimer(-1)"
        >去年</el-button
      >
      <el-button type="primary" size="mini" @click="getYeartimer(0)"
        >本年</el-button
      >
      <el-button type="primary" size="mini" @click="getYeartimer(1)"
        >明年</el-button
      >
      <el-button type="primary" size="mini" @click="checkQuarter"
        >当前是第几季度</el-button
      >
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      //日期
      timerValue: "",
    };
  },
  methods: {
    //查看日期
    log() {
      console.log(this.timerValue, "日期值");
    },

    //【获取n天前时间】: 传参数几就是今天往前推几天的日期。比如传7就是往前七天的日期
    submitTime(n) {
      //开始时间
      var nowDate = new Date();
      let befDate = new Date(nowDate.getTime() - n * 24 * 3600 * 1000);
      let byear = befDate.getFullYear();
      let bmonth = befDate.getMonth() + 1;
      if (bmonth >= 1 && bmonth <= 9) {
        bmonth = "0" + bmonth;
      }
      let bday = befDate.getDate();
      if (bday >= 0 && bday <= 9) {
        bday = "0" + bday;
      }
      //截止时间
      let endDate = new Date(nowDate.getTime() - 1 * 24 * 3600 * 1000);
      let year = endDate.getFullYear();
      let month = endDate.getMonth() + 1;
      if (month >= 1 && month <= 9) {
        month = "0" + month;
      }
      let day = endDate.getDate();
      if (day >= 0 && day <= 9) {
        day = "0" + day;
      }

      //赋值
      let that = this;
      that.timerValue = [
        byear + "-" + bmonth + "-" + bday,
        year + "-" + month + "-" + day,
      ];
      this.log();
    },
    //【查询当前第几季度】
    checkQuarter() {
      console.log(this.getQuarterByMonth());
    },
    //【本月】：当前月1号到今天
    submitTimeBy() {
      let that = this;
      var date = new Date();
      var month = parseInt(date.getMonth() + 1);
      var day = date.getDate();
      if (month < 10) month = "0" + month;
      let yuechu = date.getFullYear() + "-" + month + "-" + "01";
      if (day == 1) {
        that.timerValue = [yuechu, yuechu];
      } else {
        day = day - 1;
        if (day < 10) day = "0" + day;
        let yuedi = date.getFullYear() + "-" + month + "-" + day;
        that.timerValue = [yuechu, yuedi];
      }
      that.log();
    },

    //-------------------------日周月季年，第一个参数：开始时间（s）结束时间（e），第二个参数：上（-1）本（0）下（1）
    //【昨天，今天，明天】
    submitTimejt(num) {
      let value = this.getDate(num);
      this.timerValue = [value, value];
      this.log();
    },
    //【去周，本周，下周】
    getWeektime(num) {
      let s = this.getMonday("s", num);
      let e = this.getMonday("e", num);
      this.timerValue = [s, e];
      this.log();
    },
    //【上月，本月，下月】：1号到月底
    submitTimeSy(num) {
      let s = this.getMonth("s", num);
      let e = this.getMonth("e", num);
      this.timerValue = [s, e];
      this.log();
    },
    //【上季度，本季度，下季度】参数:-1是上季度，0是本季度，1是下季度
    checkQuartertimer(num) {
      if (num == -1) {
        let s = this.getDayTimer(this.getLastQuarterStartDate());
        let e = this.getDayTimer(this.getLastQuarterEndDate());
        this.timerValue = [s, e];
        this.log();
        return;
      } else if (num == 0) {
        let s = this.getDayTimer(this.getQuarterMonth("s"));
        let e = this.getDayTimer(this.getQuarterMonth("e"));
        this.timerValue = [s, e];
        this.log();
        return;
      } else if (num == 1) {
        let s = this.getDayTimer(this.getNextQuarterStartDate());
        let e = this.getDayTimer(this.getNextQuarterEndDate());
        this.timerValue = [s, e];
        this.log();
        return;
      }
    },
    //【去年，本年，明年】
    getYeartimer(num) {
      let s = this.getYear("s", num);
      let e = this.getYear("e", num);
      this.timerValue = [s, e];
      this.log();
    },


    //日获取
    getDate(dates) {
      var dd = new Date();
      var n = dates || 0;
      dd.setDate(dd.getDate() + n);
      var y = dd.getFullYear();
      var m = dd.getMonth() + 1;
      var d = dd.getDate();
      m = m < 10 ? "0" + m : m;
      d = d < 10 ? "0" + d : d;
      var day = y + "-" + m + "-" + d;
      return day;
    },
    //周获取
    getMonday(type, dates) {
      var now = new Date();
      var nowTime = now.getTime();
      var day = now.getDay();
      var longTime = 24 * 60 * 60 * 1000;
      var n = longTime * 7 * (dates || 0);
      if (type == "s") {
        var dd = nowTime - (day - 1) * longTime + n;
      }
      if (type == "e") {
        var dd = nowTime + (7 - day) * longTime + n;
      }
      dd = new Date(dd);
      var y = dd.getFullYear();
      var m = dd.getMonth() + 1;
      var d = dd.getDate();
      m = m < 10 ? "0" + m : m;
      d = d < 10 ? "0" + d : d;
      var day = y + "-" + m + "-" + d;
      return day;
    },
    //月度获取
    getMonth(type, months) {
      var d = new Date();
      var year = d.getFullYear();
      var month = d.getMonth() + 1;
      if (Math.abs(months) > 12) {
        months = months % 12;
      }
      if (months != 0) {
        if (month + months > 12) {
          year++;
          month = (month + months) % 12;
        } else if (month + months < 1) {
          year--;
          month = 12 + month + months;
        } else {
          month = month + months;
        }
      }
      month = month < 10 ? "0" + month : month;
      var date = d.getDate();
      var firstday = year + "-" + month + "-" + "01";
      var lastday = "";
      if (
        month == "01" ||
        month == "03" ||
        month == "05" ||
        month == "07" ||
        month == "08" ||
        month == "10" ||
        month == "12"
      ) {
        lastday = year + "-" + month + "-" + 31;
      } else if (month == "02") {
        if (
          (year % 4 == 0 && year % 100 != 0) ||
          (year % 100 == 0 && year % 400 == 0)
        ) {
          lastday = year + "-" + month + "-" + 29;
        } else {
          lastday = year + "-" + month + "-" + 28;
        }
      } else {
        lastday = year + "-" + month + "-" + 30;
      }
      var day = "";
      if (type == "s") {
        day = firstday;
      } else {
        day = lastday;
      }
      return day;
    },
    //季度获取
    getQuarterMonth(type) {
      var now = new Date();
      var nowMonth = now.getMonth();
      var year = now.getFullYear();
      var quarterStartMonth = 1;
      if (nowMonth < 3) {
        quarterStartMonth = 1;
      }
      if (2 < nowMonth && nowMonth < 6) {
        quarterStartMonth = 4;
      }
      if (5 < nowMonth && nowMonth < 9) {
        quarterStartMonth = 7;
      }
      if (nowMonth > 8) {
        quarterStartMonth = 10;
      }
      if (type == "s") {
        var day = year + "-" + quarterStartMonth + "-01";
      } //1-3 4-6 7-9 10-12
      if (type == "e") {
        if (quarterStartMonth == 1) {
          var day = year + "-" + (quarterStartMonth + 2) + "-31";
        }
        if (quarterStartMonth == 10) {
          var day = year + "-" + (quarterStartMonth + 2) + "-31";
        }
        if (quarterStartMonth == 4) {
          var day = year + "-" + (quarterStartMonth + 2) + "-30";
        }
        if (quarterStartMonth == 7) {
          var day = year + "-" + (quarterStartMonth + 2) + "-30";
        }
      }
      return day;
    },
    //年度获取
    getYear(type, dates) {
      var dd = new Date();
      var n = dates || 0;
      var year = dd.getFullYear() + Number(n);
      if (type == "s") {
        var day = year + "-01-01";
      }
      if (type == "e") {
        var day = year + "-12-31";
      }
      if (!type) {
        var day = year + "-01-01/" + year + "-12-31";
      }
      return day;
    },
    //上个季度开始时间
    getLastQuarterStartDate() {
      var now = new Date();
      var nowYear = now.getFullYear(); //当前年
      return new Date(nowYear, this.getQuarterStartMonth() - 3, 1);
    },
    //上个季度结束时间
    getLastQuarterEndDate() {
      var quarterEndMonth = this.getQuarterStartMonth() - 1;
      var now = new Date();
      now.setMonth(quarterEndMonth);
      var nowMonth = now.getMonth();
      var nowYear = now.getFullYear();
      return new Date(
        nowYear,
        quarterEndMonth,
        this.getMonthDays(quarterEndMonth)
      );
    },
    //下个季度开始时间
    getNextQuarterStartDate() {
      var now = new Date();
      var nowYear = now.getFullYear(); //当前年
      return new Date(nowYear, this.getQuarterStartMonth() + 3, 1);
    },
    //下个季度结束时间
    getNextQuarterEndDate() {
      var quarterEndMonth = this.getQuarterStartMonth() + 5;
      var now = new Date();
      now.setMonth(quarterEndMonth);
      var nowMonth = now.getMonth();
      var nowYear = now.getFullYear();
      return new Date(
        nowYear,
        quarterEndMonth,
        this.getMonthDays(quarterEndMonth)
      );
    },
    //获得本季度的开始月份
    getQuarterStartMonth() {
      var nowMonth = new Date().getMonth();
      var quarterStartMonth = 0;
      if (nowMonth < 3) {
        quarterStartMonth = 0;
      }
      if (2 < nowMonth && nowMonth < 6) {
        quarterStartMonth = 3;
      }
      if (5 < nowMonth && nowMonth < 9) {
        quarterStartMonth = 6;
      }
      if (nowMonth > 8) {
        quarterStartMonth = 9;
      }
      return quarterStartMonth;
    },
    //获得某月的天数
    getMonthDays(myMonth) {
      var nowYear = new Date().getFullYear(); //当前年
      var monthStartDate = new Date(nowYear, myMonth, 1);
      var monthEndDate = new Date(nowYear, myMonth + 1, 1);
      var days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24);
      return days;
    },


    // 【时间格式转换 YYYY-MM-DD】
    getDayTimer(data) {
      var date = new Date(data);
      var y = date.getFullYear();
      var m = date.getMonth() + 1;
      m = m < 10 ? "0" + m : m;
      var d = date.getDate();
      d = d < 10 ? "0" + d : d;
      var currentdate = y + "-" + m + "-" + d;
      return currentdate;
    },
    // 【时间格式转换 YYYY-MM-DD hh:mm:ss】
    getDayTimerHms(data) {
      var date = new Date(data);
      var y = date.getFullYear();
      var m = date.getMonth() + 1;
      m = m < 10 ? "0" + m : m;
      var d = date.getDate();
      d = d < 10 ? "0" + d : d;
      var currentdate = y + "-" + m + "-" + d;
      var hh = date.getHours();
      hh = hh < 10 ? "0" + hh : hh;
      var mm = date.getMinutes();
      mm = mm < 10 ? "0" + mm : mm;
      var ss = date.getSeconds();
      ss = ss < 10 ? "0" + ss : ss;
      var time = hh + ":" + mm + ":" + ss;
      return currentdate + " " + time;
    },
    // 获取当前是第几季度
    getQuarterByMonth() {
      var today = new Date(); //获取当前时间
      var month = today.getMonth() + 1; //getMonth返回0-11
      //下面是几个if
      if (month >= 1 && month <= 3) {
        return 1;
      } else if (month >= 4 && month <= 6) {
        return 2;
      } else if (month >= 7 && month <= 9) {
        return 3;
      } else {
        return 4;
      }
    },
  },
};
</script>


 

大大。
关注
专栏目录
Java-时间日期类2020年
浮华′的博客
11-24 365
文章目录一、Date类1.Date类概述2.Date类构造方法3.Date类常用方法4.Date类应用实例二、SimpleDateFormat类1.SimpleDateFormat类概述2.SimpleDateFormat类构造方法3.SimpleDateFormat类的常用方法4.SimpleDateFormat应用实例三、JDK8新增日期类 一、Date类 1.Date类概述 Date代表了一个特定的时间，精确到毫秒。 2.Date类构造方法 方法名 说明 public Date()
Java获取上一日、本日、下一日，上周、本周、下周，上月、本月、下月，上季度、本季度、下季度，上年、本年、下年工具方法
mouse_lh的博客
08-04 1591
TimeCycleUtil.class public class TimeCycleUtil { public static final int TIME_DAY = 1; public static final int TIME_WEEK = 2; public static final int TIME_MONTH = 3; public static final int TIME_QUARTER = 4; public static final i
【最全日期获取合集】js获取昨天，今天，明天，上周，本周，下周，上月，本月，下月，去年，本年，明年，上季度，本季度，下季度，向前推日期等【全覆盖，拿来即用】
seeeeeeeeeee的博客
09-06 3662
js获取昨天，今天，明天，上周，本周，下周，上月，本月，下月，去年，本年，明年，上季度，本季度，下季度，向前推日期，年龄查询，星座查询，输入日期和当前日期时间差，两个日期间隔天数，输入日期的月份总天数，本月过去天数，new Date日期格式转换
js获取上一个月的时间
新生代农民工
01-18 3637
在写图标或者列表的时候会有获取近一个月的数据的功能，封装成函数，直接拿用，不用谢！ 上代码 // 获取某月的最后一天 2021-2 -> 2021-2-28 getCurrentMonthLast (date){ var endDate = new Date(date); //date 是需要传递的时间如：2018-08 var month=endDate.getMonth(); var nextMonth=++month; var nextMo
js 获取本周、上周、本月、上月、本年和上年开始和结束日期
weixin_38673922的博客
05-05 2429
【代码】js 获取本周、上周、本月、上月、本年和上年开始和结束日期。
JS 获取当天上一个月
最新发布
LlanyW的专栏
06-04 367
【代码】JS 获取当天上一个月。
C#中的DateTime：本周，本月，本年，本周第一天
05-29
无论是获取本周、本月还是本年的时间范围，还是计算昨天、明天或者上一周等特定日期，都可以通过简单的函数调用来完成。熟练掌握这些方法，可以极大地提高开发效率并减少出错的可能性。希望本文能对你理解和使用C#中...
MySQL获取本年、本月，本周，本季度的第一天和最后一天
淮右布衣的博客
04-09 5614
MySQL获取本年，本月，本周，本季度的第一天和最后一天 -- 返回本周第一天 select date_sub(now(),interval dayofweek(now())-2 day) -- 返回本周最后一天 select date_add(now(),interval 7-dayofweek(now())+1 day) -- 返回本月第一天 select date_sub(now(),i...
sql语句根据日期查询,本周,本月,本年,今日相关统计
qq_39808156的博客
06-08 1049
SQL 日期函数 1.当前系统日期、时间 select getdate() 2. dateadd在向指定日期加上一段时间的基础上，返回新的 datetime 值 例如：向日期加上2天 select dateadd(day,2,'2004-10-15′)–返回：2004-10-17 00:00:00.000 3. datediff 返回跨两个指定日期的日期和时间边界数。 select datediff(day,'2004-09-01′,'2004-0...
Java 获取指定日期的实现方法总结
09-05
4. **获取本周、本月、本年的第一天和最后一天** 可以通过Calendar的`setTime()`方法设置日期，然后调整到周、月或年的边界： ```java calendar.setTime(new Date()); calendar.set(Calendar.DAY_OF_WEEK, ...
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
11-21
js 获取 本周、上周、本月、上月、本季度、上季度的开始结束日期 /** * 获取本周、本季度、本月、上月的开始日期、结束日期 */ var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getYear(); //当前年 nowYear += (nowYear < 2000) ? 1900 : 0; // var last
js获取当前时间(昨天、今天、明天)
11-30
本文实例为大家分享了js获取当前时间的具体代码，供大家参考，具体内容如下 js获取当前时间(昨天、今天、明天) 开发过程中某些前台页面的时间控件我们需要给默认当前时间，jquery可以轻松的帮我们实现，代码如下 //昨天的时间 var day1 = new Date(); day1.setTime(day1.getTime()-24*60*60*1000); var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1.getDate(); //今天的时间 var day2 = new Date(); day2.se
JavaScript 获取本周时间或本月时间
chokomo的专栏
04-10 1342
 HTML代码DIV>输入时间段： 开始时间：asp:textbox id="txtStart" runat="server" onfocus="setday(this); " ReadOnly="True">asp:textbox> 结束时间asp:textbox id="txtEnd" runat="server" onfocus="setday(this);"  Rea
js 获取本周的日期
happy100583的专栏
11-02 802
function formOnload(){//按周日为一周的最后一天计算 var date = new Date(); var this_day = date.getDay(); //今天是这周的第几天 var step_s = -this_day+1; //上周日距离今天的天数（负数表示）if (this_day == 0) { step_s = -7; // 如果今天是周日  }var st...
【JS】获取下个月的今天
wanghan6666的博客
02-09 1709
js获取下个月的今天 代码非常简单，直接复制就可以用，记得替换当前的日期。 //tttt为现在的日期 2022-2-9 var d = new Date(tttt); //最后的 +2 意思是获取下个月的今天 //如果是 +5 意思是获取四个月后的今天 //如果是 +10 意思是获取九个月后的今天 以此类推 d.setMonth((d.getMonth()-1) + 2); var yy1 = d.getFullYear(); var mm1 = d.getMonth()+1; //console.l
js获取下月时间_js计算当前日期上一个月和下一个月
weixin_35915157的博客
02-26 3046
/*** 获取上一个月** @date 格式为yyyy-mm-dd的日期，如：2014-01-25*/function getPreMonth(date) {var arr = date.split(‘-‘);var year = arr[0]; //获取当前日期的年份var month = arr[1]; //获取当前日期的月份var day = arr[2]; //获取当前日期的日var da...
js获取当前日期(昨天、今天、明天)
qq_43549505的博客
07-20 515
js获取当前日期(昨天、今天、明天) function date () { let t = new Date(); t.setDate(t.getDate() -1);//获取昨日日期 t.setDate(t.getDate()-1),获取今日日期 t.setDate(t.getDate()),获取明日日日期 t.setDate(t.getDate()+1), return t.toISOString().split('T')[0]; };
js 获取最近3天/1周/1个月/3个月/半年/1年的时间
weixin_40362806的博客
04-21 1266
js 获取最近3天/1周/1个月/3个月/半年/1年的时间
js 本月 上月 下月 月第一天 月最后一天
ZhiJICN的博客
09-21 258
function test() { //上个月第一天 console.log(getfirstMonth(-1)) //上个月最后一天 console.log(getlastMonth(-1)) //本月第一天 console.log(getfirstMonth(0)) //本月最后一天 console.log(getlastMonth(0)) //下个月第一天 console.log(getfirstMonth(1)) //下个
java 获取本周二到下周一日期 与获取明天日期与获取上周二到本周一日期
06-12
获取本周二到下周一日期的Java代码： ```java import java.time.DayOfWeek; import java.time.LocalDate; public class Main { public static void main(String[] args) { LocalDate date = LocalDate.now(); ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值