如何在Vue.js组件中使用moment库
如何在Vue.js组件中使用moment库
提问于 2017-08-10 16:59:20
之后，yarn add moment
我试过..。
import moment from 'moment'
Vue.prototype.moment = moment&
import moment from 'moment'
Vue.use(moment)&
var moment = require('moment');
Vue.use(moment)没有什么是真正有效的。我收到了各种奇怪的错误消息！
有人能告诉我，如何在Vue.js 2中使用moment库吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-08-10 17:43:39
最后，它起作用了！
从组件的methods块内部调用moment()。
示例用法：-
<template>
<v-ons-page>
<p>{{isToday("12-02-1980")}}</p>
</v-ons-page>
</template>
<script>
import moment from 'moment'
export default {
methods: {
isToday(date) {
return moment(date).isSame(moment().clone().startOf('day'), 'd');
},
}
}
</script>Stack Overflow用户
发布于 2020-04-15 20:22:36
我不想在每个vue组件中都导入Moment，所以我采用了本文描述的一种方法：https://vuejsdevelopers.com/2017/04/22/vue-js-libraries-plugins/
import Moment from 'moment';
Moment.locale( 'de' );
Object.defineProperty( Vue.prototype, '$moment', { value: Moment });现在您可以在组件中使用Moment，即：
methods : {
date : function( timestamp ) {
return this.$moment( timestamp ).format( 'LLL' );
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45609012
复制相关文章
相似问题