html 如何使用Vue Moment

Posted 2021-05-11

new Vue({
  el: '#app',
  data: {
    items: [ // unix timestamps
      1481889223,
      1452945223,
      1450871623,
      undefined,
      1450353223,
      1450270423,
    ]
  },
  methods: {
    moment: function (date) {
      return moment(date);
    },
    date: function (date) {
      return moment(date).format('MMMM Do YYYY, h:mm:ss a');
    }
  },
  filters: {
    moment: function (date) {
      return moment(date).format('MMMM Do YYYY, h:mm:ss a');
    }
  }
})

<div id="app">
  <ul>
    <li v-for="item in items">
      <p>{{ moment(item).format('MMMM Do YYYY, h:mm:ss a') }}</p>
      <p class="method">{{ date(item) }}</p>
      <p class="filter">{{ item | moment }}</p>
    </li>
  </ul>
</div>