如何用vue.js来格式化日期？[重复]

Question

这个问题在这里已经有了答案:

Moment.js与Vuejs (8个答案)

封闭 上月.

我用的是 加拿大籍 对于 momentjs 我试着格式化我的日期和时间

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

Answer 1

要使用 momentjs 的模板中，你必须通过一个组件间接使用它。办法. 例如，你可以声明一个 formatDate 方法，返回 moment.format() 结果，并使用 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/[email protected]">
</script>
<script src="https://unpkg.com/[email protected]/moment.js"></script>

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