vue时间戳转换日期格式
时间: 2023-07-28 20:51:07 浏览: 91
vue将后台数据时间戳转换成日期格式
在 Vue 中,可以使用 JavaScript 的 Date 对象来将时间戳转换为日期格式,代码如下:
```html
<template>
<div>
<p>时间戳:{{ timestamp }}</p>
<p>日期格式:{{ formatDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
timestamp: 1627622400000, // 时间戳,单位为毫秒
};
},
computed: {
formatDate() {
const date = new Date(this.timestamp); // 将时间戳转换为日期对象
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);
return `${year}-${month}-${day} ${hour}:${minute}:${second}`; // 返回格式化后的日期字符串
},
},
};
</script>
```
在上面的代码中,我们将时间戳(单位为毫秒)保存在 `timestamp` 变量中,然后使用计算属性 `formatDate` 将时间戳转换为日期格式。在计算属性中,我们首先使用 `new Date()` 方法将时间戳转换为日期对象,然后使用 `getFullYear()`、`getMonth()`、`getDate()`、`getHours()`、`getMinutes()` 和 `getSeconds()` 方法获取年、月、日、时、分和秒,并使用 `slice()` 方法对月、日、时、分和秒进行补零处理,最后返回格式化后的日期字符串。
阅读全文