在项目中会经常遇到需要展示时间的地方,大多数后台给我们返回的都是一个时间戳,如下图:
因为我的这个项目是基于Vue3.0的 我们可以使用moment.js momentjs.cn/
俗话说 自己动手丰衣足食 , 我们就自己改装一个简单的时间格式化工具
const formatDate = (nowDate) => {
// 此时的date是我们传入的时间戳
const DateTime = new Date()
const year = DateTime.getFullYear().toString() //年
const month = (DateTime.getMonth() + 1).toString() //月
const date = DateTime.getDate().toString() //日
const hh = DateTime.getHours().toString() //时
const mm = DateTime.getMinutes().toString() //分
const ss = DateTime.getSeconds().toString() //秒
const day = DateTime.getDay().toString() //周
const dayData = {
0: '日',
1: '一',
2: '二',
3: '三',
4: '四',
5: '五',
6: '六',
}
return `${year}-${month}-${date} 星期${dayData[day]} ${hh.padStart(2,0)}:${mm.padStart(2, 0)}:${ss.padStart(2, 0)}`
}
