vue 如何时间戳转化
时间: 2023-10-18 14:13:18 浏览: 83
Vue 可以使用 JavaScript 中的 Date 对象来将时间戳转化为可读的日期和时间。示例代码如下:
```html
<template>
<div>
<p>时间戳:{{ timestamp }}</p>
<p>日期:{{ formatDate }}</p>
<p>时间:{{ formatTime }}</p>
</div>
</template>
<script>
export default {
data() {
return {
timestamp: 1621317381000 // 假设这是一个时间戳
}
},
computed: {
formatDate() {
const date = new Date(this.timestamp)
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
return `${year}-${month}-${day}`
},
formatTime() {
const date = new Date(this.timestamp)
const hour = date.getHours()
const minute = date.getMinutes()
const second = date.getSeconds()
return `${hour}:${minute}:${second}`
}
}
}
</script>
```
这个示例代码将时间戳转化为了日期和时间,并分别使用了 formatDate 和 formatTime 两个计算属性来展示。你可以根据自己的需求来调整代码。
阅读全文