### view
<template v-for="m in messages> // 省略 <span>@{{ m.created_at | moment }}</span> // 省略 </template>
### script
– Vueのmethods内でmoment()を呼び出し、filtersでformatを指定する
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" type="text/javascript"></script> <script> new Vue({ el: '#app', filters: { moment: function (date) { return moment(date).format('MM/DD HH:mm'); } }, data: { // 省略 }, methods: { // 省略 moment: function () { return moment(); } }, mounted(){ // 省略 } }); </script>
momentはvueの中で指定しないとうまく動かない。
make:resourceでサーバ側でcarbonで整形することも考えたが、コントローラの処理が複雑な為、クライアント側でフォーマット化する。