vue：处理时间 Moment.js

灰太狼 2022-10-11 14:52 179阅读 0赞

官方文档：[http://momentjs.cn/docs/][http_momentjs.cn_docs]

优秀的文档：[https://blog.csdn.net/qq\_38933412/article/details/82879127][https_blog.csdn.net_qq_38933412_article_details_82879127]

一、安装

npm install moment

二、引入

import moment from 'moment';

三、示例

/**
     * 将时间戳转换为需要的时间类型
     * @param timestamp 要处理的时间戳
     * @returns {string|*}
     */
    export function formatDate(timestamp){
      //const moment = require('moment');
      if(timestamp.toString().length !== 13)
        timestamp = timestamp*1000;//13位
      if(timestamp.toString().length !== 13)
        return "时间格式不正确";
      let currTime = moment().format('YYYY-MM-DD');
      let reqTime = moment(timestamp).format('YYYY-MM-DD');
      if(currTime===reqTime){
        // 今天
        let hour = moment(timestamp).format('HH');
        let minute = moment(timestamp).format('mm');
        let timeParagraph = '';
        if (hour < 9) {
          timeParagraph = "早上";
        } else if (hour < 11 && minute < 30) {
          timeParagraph = "上午";
        } else if (hour < 13 && minute < 30) {
          timeParagraph = "中午";
        } else if (hour < 18) {
          timeParagraph = "下午";
        } else {
          timeParagraph = "晚上";
        }
        return timeParagraph+' '+hour+':'+minute;
      }else{
        // 近三天
        let yesterDay = moment(moment(new Date()).add(-1, 'days')).format('MM-DD');
        let vorgesternDay = moment(moment(new Date()).add(-2, 'days')).format('MM-DD');
        let currDay = moment(timestamp).format('MM-DD');
        if (currDay===yesterDay){
          return "昨天 "+moment(timestamp).format('HH:mm');
        }else if (currDay===vorgesternDay) {
          return "前天 " + moment(timestamp).format('HH:mm');
        }
    
        // 曾经
        let year = moment().format('YYYY');
        let currYear = moment(timestamp).format('YYYY');
        if (year===currYear){
          return moment(timestamp).format('MM-DD HH:mm');
        }else{
          return moment(timestamp).format('YYYY-MM-DD HH:mm');
        }
      }
    }

四、常用的方法

let yesterday = moment(new Date()).add(-1, 'days'); //昨天

五、

// 是否相等
    moment('2010-10-20').isSame('2010-10-20') // true
    moment('2010-10-20').isSame('2009-12-31', 'year')  // false
    moment('2010-10-20').isSame('2010-01-01', 'year')  // true

[http_momentjs.cn_docs]: http://momentjs.cn/docs/
[https_blog.csdn.net_qq_38933412_article_details_82879127]: https://blog.csdn.net/qq_38933412/article/details/82879127