当前位置:  开发笔记 > 编程语言 > 正文

与Vuejs的Moment.js

如何解决《与Vuejs的Moment.js》经验,为你挑选了4个好方法。

我尝试使用如下所示打印日期时间 vue-for

{{ moment().format('MMMM Do YYYY, h:mm:ss a') }}

但是,它没有出现.这只是一片空白.我如何尝试在vue中使用时刻?



1> Pantelis Pes..:

使用您的代码,vue.js尝试moment()从其范围访问该方法.

因此你应该使用这样的方法:

methods: {
  moment: function () {
    return moment();
  }
},

如果你想传递一个日期moment.js,我建议使用过滤器:

filters: {
  moment: function (date) {
    return moment(date).format('MMMM Do YYYY, h:mm:ss a');
  }
}

{{ date | moment }}

[试玩]


如果使用es6,请不要忘记 - 从'时刻'导入时刻;
如何每秒更新视图中的时间

2> Geng Jiawen..:

如果您的项目是单页面应用程序(例如,由...创建的项目vue init webpack myproject),我发现这种方式最直观,最简单:

main.js中

import moment from 'moment'

Vue.prototype.moment = moment

然后在您的模板中,只需使用

{{moment(date).format('YYYY-MM-DD')}}


对于我认为的任何项目,简单而完美,谢谢@Geng

3> Paweł Gościc..:

在你package.json"dependencies"部分添加时刻:

"dependencies": {
  "moment": "^2.15.2",
  ...
}

在您想要使用的组件中,导入它:


推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有