使用Moment.js 格式化时间为今天，昨天，明天

原创已于 2022-11-10 09:13:51 修改 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2020-08-03 11:41:00 首次发布

本文介绍如何利用Moment.js库自定义中文日期格式，包括昨天、今天、明天及未来一周的时间显示方式，并通过判断是否为当年来调整日期格式。

在引用了Moment.js 后

formatDate() {
  return function (val) {
    let that = this;
    this.$moment.lang("zh", {
      calendar: {
        lastDay: "[昨天] HH:mm:ss",
        lastWeek: "MM月DD日 HH:mm:ss",
        nextDay: "[明天] HH:mm:ss",
        nextWeek: "MM月DD日 HH:mm:ss",
        sameDay: "[今天] HH:mm",
        sameElse: function (now) {
          if (that.isThisYear(now, val)) {
            return "MM月DD日 HH:mm:ss";
          } else {
            return "YYYY年MM月DD日 HH:mm:ss";
          }
        }

      },
    });

    return this.$moment(val).calendar();
  };
},
//判断时间是否是今年
isThisYear(now, val) {
      if (val) {
        return this.$moment().year() === new Date(val).getFullYear()
      }
},


使用方法：formatDate（time）