创建一个js文件,这里我已utils命名:utils.js
直接先看代码
/**
* @param {Object} n:数据转化
*/
function formatNumber(n) {
n = n.toString()
return n[1] ? n : '0' + n
}
/**
* 时间戳转化为年 月 日 时 分 秒
* number: 传入时间戳
* format:返回格式,支持自定义,但参数必须与formateArr里保持一致
*/
function formatTime(number, format) {
var formateArr = ['Y', 'M', 'D', 'h', 'm', 's'];
var returnArr = [];
var date = new Date(number * 1000);
returnArr.push(date.getFullYear());
returnArr.push(formatNumber(date.getMonth() + 1));
returnArr.push(formatNumber(date.getDate()));
returnArr.push(formatNumber(date.getHours()));
returnArr.push(formatNumber(date.getMinutes()));
returnArr.push(formatNumber(date.getSeconds()));
for (var i in returnArr) {
format = format.replace(formateArr[i], returnArr[i]);
}
return format;
}
module.exports = {
formatTime, // 时间戳转化为年 月 日 时 分 秒
}
我们全局挂载一下main.js
import App from './App'
// #ifndef VUE3
import Vue from 'vue'
// 引入全局配置
import $mUtils from '@/utils/utils.js'
// 挂在全局自定义方法/配置
Vue.prototype.$mUtils = $mUtils;
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
// #endif
// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
const app = createSSRApp(App)
return {
app
}
}
// #endif
最后我们在需要处理时间戳的页面使用
onLoad() {
this.$mUtils.formatTime(时间戳, 'Y-M-D h:m:s')
}