我尝试使用如下所示打印日期时间 vue-for
{{ moment().format('MMMM Do YYYY, h:mm:ss a') }}
但是,它没有出现.这只是一片空白.我如何尝试在vue中使用时刻?
使用您的代码,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 }}
[试玩]
如果您的项目是单页面应用程序(例如,由...创建的项目vue init webpack myproject
),我发现这种方式最直观,最简单:
在main.js中
import moment from 'moment' Vue.prototype.moment = moment
然后在您的模板中,只需使用
{{moment(date).format('YYYY-MM-DD')}}
在你package.json
的"dependencies"
部分添加时刻:
"dependencies": { "moment": "^2.15.2", ... }
在您想要使用的组件中,导入它: