当前效果：

因为后端传递过来的是秒值，显示的时候也是秒值。
但是这种不太友好，所以需要转换为 “xxxx年xx月xx日 xx:xx:xx” 的格式。

参考代码：

formatDate (now) {const date = new Date(now)var y = date.getFullYear() // 年份var m = date.getMonth() + 1 // 月份，注意：js里的月要加1var d = date.getDate() // 日var h = date.getHours() // 小时var min = date.getMinutes() // 分钟var s = date.getSeconds() // 秒
// 返回值，根据自己需求调整，现在已经拿到了年月日时分秒了 return y + '-' + m + '-' + d + ' ' + h + ':' + min + ':' + s
}

得到想要的时间信息：

const seconds = 1723079062000// 注意：接收的是毫秒值
const date = new Date(seconds)console.log(date.getFullYear())
console.log(date.getMonth() + 1)
console.log(date.getDate())
console.log(date.getHours())
console.log(date.getMinutes())
console.log(date.getSeconds())

封装为方法：

const secondsToDateStr=(seconds)=>{const date = new Date(seconds*1000)return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
}const seconds = 1723079062
console.log(secondsToDateStr(seconds))

结果当中，有些数是单数，实际上我们想要在前面填充0。

比如：2024-08-08 09:04:22

继续优化方法：

const secondsToDateStr = (seconds) => {const date = new Date(seconds * 1000)// 月份const month = date.getMonth() + 1let monthStr = month.toString();if (month < 10) {monthStr = "0" + monthStr}// 日期const mdate = date.getDate()let mdateStr = mdate.toString();if (mdate < 10) {mdateStr = "0" + mdateStr}// 时const hour = date.getHours()let hourStr = hour.toString();if (hour < 10) {hourStr = "0" + hourStr}// 分const minute = date.getMinutes()let minuteStr = minute.toString();if (minute < 10) {minuteStr = "0" + minuteStr}// 秒const second = date.getSeconds()let secondStr = second.toString();if (second < 10) {secondStr = "0" + secondStr}// 返回return `${date.getFullYear()}-${monthStr}-${mdateStr} ${hourStr}:${minuteStr}:${secondStr}`
}const seconds = 1723079062
console.log(secondsToDateStr(seconds))

最后，我们将其应用到项目中。

<p class="font-weight-light  m-0 p-0 text-right">{{ secondsToDateStr(article.update_time) }}
</p>

最终效果如下：