如何使用 moment.js 通过 vue.js 格式化日期？ [复制]

【问题标题】：How can I use moment.js to format a date with vue.js? [duplicate]如何使用 moment.js 通过 vue.js 格式化日期？ [复制]
【发布时间】：2020-09-10 15:15:38
【问题描述】：

我将cdn 用于momentjs，并尝试格式化我的日期和时间

    @{{ process_photo.created_at.moment().format("Do MMM YYYY") }}

【问题讨论】：

标签： vue.js momentjs

【解决方案1】：

要在模板中使用momentjs，您必须通过组件method 间接使用它。例如，您可以声明一个返回moment.format() 结果的formatDate 方法，并在模板中使用formatDate：

new Vue({
  el: '#app',
  data() {
    return {
      process_photo: {
        created_at: new Date()
      }
    }
  },
  methods: {
    formatDate(date) {
      return moment(date).format("Do MMM YYYY")
    }
  }
})

<script src="https://unpkg.com/vue@2.6.11">
</script>
<script src="https://unpkg.com/moment@2.26.0/moment.js"></script>

<div id="app">
  <p>@{{ formatDate(process_photo.created_at) }}</p>
</div>

【讨论】：