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>