vue3封装一个转换时间戳的方法
时间: 2023-12-26 14:13:30 浏览: 62
vue2.0 自定义组件的方法(vue组件的封装)
好的,以下是一个Vue 3中封装一个转换时间戳的方法的示例代码:
```vue
<template>
<div>
<p>{{ timestampToTime(1615412456) }}</p>
</div>
</template>
<script>
export default {
name: 'Example',
methods: {
timestampToTime(timestamp) {
const date = new Date(timestamp * 1000);
const year = date.getFullYear();
const month = ('0' + (date.getMonth() + 1)).slice(-2);
const day = ('0' + date.getDate()).slice(-2);
const hour = ('0' + date.getHours()).slice(-2);
const minute = ('0' + date.getMinutes()).slice(-2);
const second = ('0' + date.getSeconds()).slice(-2);
const timeStr = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
return timeStr;
}
}
}
</script>
```
这个方法接收一个时间戳作为参数,返回一个格式为 "YYYY-MM-DD HH:mm:ss" 的时间字符串,表示该时间戳所对应的时间。你可以将该方法添加到你的Vue组件中并根据需要进行调用。
阅读全文