如何使用moment n vue 2

mwngjboj 于 2023-03-24 发布在 Vue.js

关注(0)|答案(3)|浏览(123)

这是我从后端得到的时间

time: "2023-03-18T14:30:43.925Z"

我怎么能把它格式化成这个

2023-03-18

这是我的模板

{{  blog.date }}

它返回这个

2023-03-18T14:30:43.925Z

我的剧本

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

请问我怎样才能得到正确的日期

3条答案

你可以使用vue-moment

npm install vue-moment

i你的main.js文件添加这个

Vue.use(require('vue-moment'));

那么你的组件

{{ blog.time  | moment("dddd, MMMM Do YYYY")}}

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

我记得computed中的函数不应该添加参数。Vue不会给函数给予这个参数，date变成了undefined。结果，moment选择使用当前日期。
以下内容或许会有所帮助：
模板：

{{ moment }}

脚本：

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

我想知道它是否有效。

你可以这样使用：

computed: {
  formatDate() {
    return (date) => moment(date).format('YYYY-MM-DD');
  }
 }

<span>
  {{ formatDate(blog.date) }}
</span>

别忘了导入瞬间