VueJs 为日期格式创建指令答案

【问题标题】：VueJs creating a directive for date formatVueJs 为日期格式创建指令
【发布时间】：2019-12-23 17:46:11
【问题描述】：

所以我是 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>

【问题讨论】：

标签： vue.js momentjs

【解决方案1】：

看起来你需要filters 而不是指令：

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

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

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

【讨论】：