Vue 获取自定义时间范围今天，昨天，一个月，仨月等，时间处理

淡忘_cx

于 2021-12-07 17:40:29 发布

阅读量810

点赞数

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

本文链接：https://blog.csdn.net/weixin_44646977/article/details/121774801

版权

vue方法同时被 2 个专栏收录

29 篇文章

订阅专栏

前端

24 篇文章

订阅专栏

该博客展示了如何在Vue项目中使用moment.js库来处理时间选择，特别是在一个下拉菜单中选择近3天、近1周或近1月时，计算对应的起始和结束日期。通过`changeRecent`方法，利用moment.js进行时间计算，将当前时间减去所选天数得到开始日期，并格式化为'YYYY-MM-DD 00:00:00'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

moment.js是一款现在对时间处理的强大的函数，如果没有安装的话先执行

npm install moment

<template>
  <a-select @change="changeRecent">
    <a-select-option value="3">
      近 3 天
    </a-select-option>
    <a-select-option value="7">
      近 1 周
    </a-select-option>
    <a-select-option value="30">
      近 1 月
    </a-select-option>
  </a-select>
</template>
 
<script>
  import moment from 'moment';
 
  export default {
 
    data() {
      return {
        // 写在data中或者写在methods里面，一定要写不然会报错
        moment
      }
    },
 
    methods: {
      changeRecent(value) {
        // 开始日期
        moment(new Date()).format('YYYY-MM-DD')+' '+'00:00:00'  
        // 结束日期  value 3、7、30
        moment(new Date().getTime() - value * 1000 * 24 * 60 * 60).format('YYYY-MM-DD')+' '+'00:00:00');
      },
    }
  }
</script>