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() + 1
  const 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>
目录
相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
3天前
|
小程序 云计算 Android开发
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
16 3
|
9天前
|
小程序
|
10天前
|
小程序 数据安全/隐私保护
|
9天前
|
小程序
|
13天前
|
小程序
|
30天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
452 7
|
30天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
504 1
|
1月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
110 7

热门文章

最新文章