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>