1、修改src/utils/index.js文件
mpvue框架中有一个专门格式化日期的文件src/utils/index.js文件
文件内容如下,其中formatDate是我自己添加的方法,是将日期格式化成“YYYY-mm-DD”格式。注意不要忘记在export default {}中添加formatDate,不然外部文件读取不到这个方法
function formatNumber (n) { const str = n.toString() return str[1] ? str : `0${str}` } 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, second].map(formatNumber).join(':') return `${t1} ${t2}` } export function formatDate (date) { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const t1 = [year, month, day].map(formatNumber).join('-') return t1 } export default { formatNumber, formatTime, formatDate }
2、在vue文件中引入utils/index.js文件
代码示例:
export default { data () { var util = require('../../utils/index.js') return { date:util.formatDate(new Date) } } }
其中date就代表今天的日期2019-03-05