Momentjs 显示 isValid true 并且控制台记录正确的日期并闪烁正确的 .fromNow() 但很快更改为无效日期

Question

我正在尝试通过 express 应用程序，通过 momentjs 转换从 mongodb 检索到的 Nuxtjs 应用程序中的 createdAt 日期。我检查日期是否有效，它显示它是有效的但是当它闪烁正确的 fromNow 格式但它变成无效日期.....-=-

<li class="bookchapterlists__list--items" v-for="(chapter, index) in chap" :key="index">
    <nuxt-link
      v-if="chapter.index === 0"
      class="bookchapterlists__list--items__links"
    >Prologue {{chapter.index}}: {{chapter.title}}</nuxt-link>

    <nuxt-link
      v-else
      class="bookchapterlists__list--items__links"
      :to="{path: `${ $route.params.id}/${chapter._id}`}"
    >
      <p
        class="bookchapterlists__list--items__links--title"
      >Chapter {{chapter.index}}: {{chapter.title}}</p>
      <p class="chapter-createdAt">{{chapter.createdAt}}</p>
    </nuxt-link>
  </li>




created() {
    this.$store.commit("book/FORMAT_DATE");
    this.chapters.forEach(chapter => {
      if (chapter.index % 2 === 1) {
        this.rowCount++;
      }
    });
    // console.log(this.rowCount);
  },
  computed: {
    chap: function() {
      return this.$store.state.book.book.chapters;
    }
  }

FORMAT_DATE(state) {
    state.book.chapters.forEach((chapter) => {
      let createdAt = new Date(chapter.createdAt);
      chapter.createdAt = moment(createdAt, 'YYYY-MM-DDYYYY-MM-DDTHH:mm:ss.SSSZ', true).fromNow();
      console.log(moment(createdAt, 'YYYY-MM-DDYYYY-MM-DDTHH:mm:ss.SSSZ').isValid())
      // console.log(chapter.createdAt);
    })
  }

控制台日志returns true

Answer 1

我找到了这样做的方法但是

<p>{{$moment(chapter.createdAt).fromNow()}}</p>

我刚刚安装了nuxt/moment并直接在模板中使用它！

Momentjs 显示 isValid true 并且控制台记录正确的日期并闪烁正确的 .fromNow() 但很快更改为无效日期

Momentjs shows isValid true and console logs correct date and flashed correct .fromNow() but quickly changes to invalid date

javascript

momentjs

vue.js

vuex

nuxt.js