时间组件moment的使用

原创已于 2022-07-24 19:28:26 修改 · 4.9k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2021-07-13 14:55:56 首次发布

vue 专栏收录该内容

38 篇文章

订阅专栏

这篇博客介绍了如何在JavaScript中安装和使用Moment.js库进行时间格式化、时间戳转换、日期间隔计算以及获取星期等功能。示例包括获取当前日期时间、从时间戳获取星期、计算日期差值以及获取特定日期的上个月和下个月等操作。

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

安装moment：

npm install moment --save

main.js引入：

import moment from 'moment'; // 时间处理
Vue.prototype.$moment = moment;

使用：

 //获取年月份时分秒  2020-11-10 12:12:22
 this.$moment().locale("zh-cn").format("YYYY-MM-DD HH:mm:ss")  

//获取指定时间戳
 this.$moment('2020-06-07 12:12:12').unix()      
           
//0表示星期日  1表示星期一    2 表示星期二
 this.$moment().weekday(); 

 //  开始时间和结束时间的时间差，以“天”为单位；endTime和startTime都是毫秒数
moment(endTime).diff(moment(startTime), 'years')   //相差多少年

moment(endTime).diff(moment(startTime), 'months') //相差多少月


moment(endTime).diff(moment(startTime), 'days')    //相差多少天


moment(endTime).diff(moment(startTime),'minutes' )  //相差多少分


moment(endTime).diff(moment(startTime), 'seconds')  //相差多少秒

// 本月
this.startEndTime = [moment().startOf('month').format('YYYY-MM-DD'), moment().endOf('month').format('YYYY-MM-DD')];
// 上个月
this.startEndTime = [moment(new Date()).subtract(1,'months').startOf('month').format('YYYY-MM-DD'),moment(new Date()).subtract(1,'months').endOf('month').format('YYYY-MM-DD')];
// 近三个月 - 月头（不足3个月）
this.startEndTime = [moment(new Date()).subtract(2,'months').startOf('month').format('YYYY-MM-DD'),moment().endOf('month').format('YYYY-MM-DD')];
// 近三个月 足3个月
moment(new Date()).subtract(3, 'months').format('YYYY-MM-DD')


指定日期的下一个月
moment(new Date('2022-05-04')).subtract(-1, 'months').format('YYYY-MM-DD'),




moment通过时间戳获取星期几

getWeek (date) { // 参数时间戳
      let week = moment(date).day()
      switch (week) {
        case 1:
          return '周一'
        case 2:
          return '周二'
        case 3:
          return '周三'
        case 4:
          return '周四'
        case 5:
          return '周五'
        case 6:
          return '周六'
        case 0:
          return '周日'
      }
    },