vue获取近七天、月份、年份的起始日和结束日

最新推荐文章于 2024-09-18 23:04:01 发布

Zheng_xinle

最新推荐文章于 2024-09-18 23:04:01 发布

阅读量2.2k

点赞数 2

分类专栏： vue js 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Zheng_xinle/article/details/132106063

版权

本文介绍了如何在Vue.js应用中根据不同的需求获取日期范围，包括近七天、月份和年份的起始日和结束日。通过计算和格式化Date对象，可以方便地更新Vue实例中的startDate和endDate变量。

摘要由CSDN通过智能技术生成

vue获取近七天的起始日和结束日

例如：startDate: 2023-07-29 endDate: 2023-08-04

data() {
   
  return {
   
    startDate: null,
    endDate: null
  }
},
mounted() {
   
  this.calculateDateRange();
},
methods: {
   
  calculateDateRange() {
   
    var currentDate = new Date();
    var startDate = new Date();
    startDate.setDate(currentDate.getDate() - 6);
    
    this.startDate = this.formatDate(startDate);
    this.endDate = this.formatDate(currentDate);
    console.log(this.startDate,'2023-07-29')
    console.log(this.startDate,'2023-08-04')
  },
  formatDate(date) {
   
    var year = date.getFullYear();
    var month