vue.js - VueJs 为日期格式创建指令

Question

所以我是 VueJs 的新手，我正在尝试创建一个全局指令来使用 moment.js 格式化日期.我的问题是指令没有被触发。我知道我的说法是否正确。

dateFormat.js

import Vue from "vue";
import moment from "moment";

Vue.directive("formatdate", function(value) {
 if (value) {
 return moment(String(value)).format("MM/DD/YYYY hh:mm");
 }
});

itemList.vue

<span v-formatdate>{{ item.date_added }}</span>

Answer 1

看来您需要filters而不是指令:

Vue.filter("formatdate", // function definition here)

在您的模板中，将其用作:

<span>{{ item.date_added | formatdate }}</span>