Vue | vue-moment.js的问题

时间:2019-04-11 15:32:26

标签: javascript node.js vue.js vuejs2 momentjs

在将.vue文件中的vue-moment或moment.js的实现包装时,我遇到了问题。所以我想在vue方法中有一个日期,然后可以操纵它找到过去时间和当前时间之间的时间范围并实时更新它。所有的Google搜索都将我指向了moment.js

我的main.js文件实现了

import VueMoment from 'vue-moment';

Vue.use(VueMoment);

然后我试图像这样访问模板内的方法

<p>{{ moment(1481889223).format('MMMM Do YYYY, h:mm:ss a') }}</p>

我做错了什么固有的东西吗?我只是似乎没有时间输出日期/时间

如果这不是解决方案,还有另一种简便的方法来访问.vue文件中的日期时间吗?

1 个答案:

答案 0 :(得分:3)

我认为我们在这里所缺少的是,vue-moment将时刻介绍为filter function

来自usage documentation

  

只需将力矩设置为过滤功能,就可以了。至少应有一个参数,如果该参数与其他任何过滤方法都不匹配,则该过滤器将假定为格式字符串。

因此知道这一点,我们可以相应地传递日期(只要格式正确):

<span>{{ someDate | moment("dddd, MMMM Do YYYY") }}</span>

更具体地针对原始帖子:

<p>{{ 1481889223 | moment('MMMM Do YYYY, h:mm:ss a') }}</p>