vue 将字符串转成date类型_vue中日期格式的转换

在vue中的src目录下新建utils文件夹 ，在其下面新建date.js文件，写一个时间转换的函数

4c4f253ffa7908fbf029012325238f4.png

代码如下

export function formatTime (date) {

var year = date.getFullYear()

var month = date.getMonth() + 1

var day = date.getDate()

var hour = date.getHours()

var minute = date.getMinutes()

var second = date.getSeconds()

return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')

}

const formatNumber = n => {

n = n.toString()

return n[1] ? n : '0' + n

}

然后在其需要转换时间的页面中引用它

import { formatTime } from "@/utils/date.js";

然后调用其函数

577343a4369dfad3d94997116828cf1.png

注释(this.value1[0]为后台数据获取的时间)

let date = formatTime(date)

或

const articlesDisplay = articles.map(data => {

data.created_time_display = formatTime(data.created_time);

return data

})