如何使用moment n vue 2

mwngjboj  于 2023-03-24  发布在  Vue.js
关注(0)|答案(3)|浏览(122)

这是我从后端得到的时间

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');
  }
},

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

enyaitl3

enyaitl31#

你可以使用vue-moment

npm install vue-moment

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

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

那么你的组件

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

baubqpgj2#

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');
  }
},

我想知道它是否有效。

9w11ddsr

9w11ddsr3#

你可以这样使用:

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

别忘了导入瞬间

相关问题