6.4【微信小程序全栈开发课程】记录页面（四）--mpvue时间格式化

本文主要是介绍6.4【微信小程序全栈开发课程】记录页面（四）--mpvue时间格式化，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

将数据库中的数据格式化成YYYY.MM.DD hh:mm的格式，比如2019.10.12 20:24

1、修改日期文件

mpvue框架中有一个专门格式化日期的文件src/utils/index.js文件，将日期格式化成“YYYY.MM.DD hh:mm”格式。

编辑src/utils/index.js文件，替换formatTime方法

export function formatTime (date) {const year = date.getFullYear()const month = date.getMonth() + 1const day = date.getDate()const hour = date.getHours()const minute = date.getMinutes()const second = date.getSeconds()const t1 = [year, month, day].map(formatNumber).join('.')const t2 = [hour, minute].map(formatNumber).join(':')return `${t1} ${t2}`
}

2、引入日期文件

编辑RecordList.vue文件，引入utils/index.js文件中的formatTime方法
并在data函数中添加create_time变量，使用formatTime方法格式化record记录中的时间

<script>
import {formatTime} from '../utils/index.js'
export default {props: ['record'],data () {return {create_time:formatTime(new Date(this.record.create_time)),}}
}
</script>