后端的datetime类型数据转为string作为（vue）前端的时间YYYY-MM-DD HH:mm:ss

1.首先在vue中引入依赖

npm install moment --save 

2.在全局配置文件main.js中进行引用配置,并使用。

import moment from 'moment'
Vue.prototype.$moment = moment

3.通过vue的method方法使用，可以实现date转为string的YYYY-MM-DD HH:mm:ss的时间格式

通过vue的method方法中使用
const data  =  this.$moment(时间戳).format('YYYY-MM-DD HH:mm:ss')
console.log(data)   //    "2019-05-25 08:23:56"

4.拓展（当你接收的时后端的一个集合遍历在前端vue时，你可以{{dateFormat(post.releasetime)}}将datetime的格式转换为‘YYYY-MM-DD HH:mm:ss’）

4.1建立一个遍历的模板

        
{{post.blogtitle}}
{{post.blogcontent}}
浏览数:{{post.viewingcount}}
点攒:{{post.likes}}
发布于:{{dateFormat(post.releasetime)}}
作者:{{post.authorid}}

4.2相关代码

4.3在上面的js里的方法里面进行转换时间格式

    methods:{//时间格式化函数，此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化dateFormat:function(time) {const data  =  this.$moment(time).format('YYYY-MM-DD HH:mm:ss')return data}},

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！