Vue 使用moment格式化时间
warning:
这篇文章距离上次修改已过192天,其中的内容可能已经有所变动。
在Vue中使用moment.js格式化时间,首先需要安装moment:
npm install moment --save
然后在Vue组件中引入并使用moment:
<template>
<div>
{{ formattedDate }}
</div>
</template>
<script>
import moment from 'moment';
export default {
data() {
return {
date: new Date() // 假设这是你需要格式化的日期对象
};
},
computed: {
formattedDate() {
return moment(this.date).format('YYYY-MM-DD HH:mm:ss'); // 使用moment格式化日期
}
}
};
</script>
在这个例子中,formattedDate
是一个计算属性,它使用moment
对date
进行格式化,格式为'YYYY-MM-DD HH:mm:ss'
。这个格式化后的日期将在模板中显示。每当date
变化时,formattedDate
也会自动更新其格式化的值。
评论已关闭