VueJs 创建日期格式指令

Question

所以我是 VueJs 的新手，我正在尝试创建一个全局指令来使用moment.js. 我的问题是该指令没有被触发。我不知道我说得对不对。

日期格式.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

看来您需要过滤器而不是指令：

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

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

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