moment.js 搜索栏获取最近一周，一个月，三个月，半年，一年时间

最新推荐文章于 2025-03-21 16:04:36 发布

菜菜的tommy

最新推荐文章于 2025-03-21 16:04:36 发布

阅读量1.3w

点赞数 3

分类专栏： Vue 实习文章标签： moment.js Vue Antd

本文链接：https://blog.csdn.net/weixin_44296432/article/details/102933463

版权

Vue 同时被 2 个专栏收录

14 篇文章

订阅专栏

实习

12 篇文章

订阅专栏

在这里插入图片描述

统计时间


    label: '统计时间',
       name: 'countTime',
       type: 'select',
       data: [
         {
           value: '0',
           text: '最近一周'
         },
         {
           value: '1',
           text: '一个月'
         },
         {
           value: '2',
           text: '三个月'
         },
         {
           value: '3',
           text: '半年'
         },
         {
           value: '4',
           text: '一年'
         }
       ]

实现方式

searchValue为搜索栏所选所填内容，以及作为搜索和接口调用条件
需要引入moment.js

 this.searchValue.endDate = new Date().toLocaleDateString()     // 最后时间为今天
      if (this.searchValue.countTime) {
        let val = this.searchValue.countTime
        this.searchValue.startDate = moment(new Date())
          .subtract( 
            val === '2' ? 3 : val === '3' ? 6 : 1, 
            val === '0' ? 'weeks' : val === '4' ? 'years' : 'months'   // 根据value设置开始时间
          )
          .format('YYYY/MM/DD')
      } else {   // 若未选择该下拉框，则默认为最近1周
        this.searchValue.startDate = moment(new Date())
          .subtract(1, 'weeks')
          .format('YYYY/MM/DD')
      }