全局
在 main.js 文件里面声明以下内容,注意如何是秒需要在Date中 * 1000,如果是毫秒的话不需要 * 1000
Vue.filter("formatTime",function(timestamp) {
const date = new Date(timestamp * 1000)
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const hours = date.getHours()
const minutes = date.getMinutes()
const seconds = date.getSeconds()
const formattedTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
return formattedTime
})
局部
那个页面需要用到在那个页面写以下内容
filters: {
formatTime(timestamp){
const date = new Date(timestamp * 1000)
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const hours = date.getHours()
const minutes = date.getMinutes()
const seconds = date.getSeconds()
const formattedTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
return formattedTime
}
},
在页面中使用
<template>
<view>
{{dateTime | formatTime}}
</view>
</template>
<script>
export default {
data(){
return {
dateTime: 1694572566,
}
}
}
</script>