vue3 + ts获取本地时间戳转为时间
时间: 2023-10-19 13:15:45 浏览: 115
可以使用`Date`对象来获取本地时间戳,并使用`toLocaleString()`方法将其转换为时间格式。在使用 TypeScript 时,可以按照以下方式编写代码:
```typescript
// 获取当前时间戳
const timestamp = Date.now();
// 将时间戳转换为时间格式
const date = new Date(timestamp);
const timeStr = date.toLocaleString();
console.log(timeStr); // 输出类似于 "2021/8/24 下午4:31:28" 的时间字符串
```
注意,`toLocaleString()`方法的输出格式可能因为不同的地区而有所不同。如果需要指定输出格式,可以使用`toLocaleDateString()`和`toLocaleTimeString()`方法来分别获取日期和时间部分。例如:
```typescript
const timestamp = Date.now();
const date = new Date(timestamp);
const dateStr = date.toLocaleDateString();
const timeStr = date.toLocaleTimeString();
console.log(`${dateStr} ${timeStr}`); // 输出类似于 "2021/8/24 4:31:28 PM" 的时间字符串
```
另外,如果需要在 Vue 3 中使用 TypeScript,需要在组件中添加类型注解。例如:
```typescript
<template>
<div>{{ time }}</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
data() {
return {
timestamp: Date.now(),
};
},
computed: {
time() {
const date = new Date(this.timestamp);
const timeStr = date.toLocaleString();
return timeStr;
},
},
});
</script>
```
阅读全文