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>

作者：猫宁一
全栈程序媛₍ᐢ •⌄• ᐢ₎一枚~ 热爱学习！热爱编程！
可关注【猫宁一】公众号领取我所有全栈项目代码哦~

点击查看课程目录：微信小程序全栈开发课程目录

这篇关于6.4【微信小程序全栈开发课程】记录页面（四）--mpvue时间格式化的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---