vue时间戳转换日期格式
时间: 2023-07-01 13:26:30 浏览: 147
可以使用 JavaScript 的 Date 对象将时间戳转换为日期格式,然后使用 Vue 的过滤器将日期格式化。
例如,将时间戳转换为 YYYY-MM-DD HH:mm:ss 格式的代码如下:
```javascript
// timestamp 是时间戳
const date = new Date(timestamp);
const year = date.getFullYear();
const month = ("0" + (date.getMonth() + 1)).slice(-2);
const day = ("0" + date.getDate()).slice(-2);
const hours = ("0" + date.getHours()).slice(-2);
const minutes = ("0" + date.getMinutes()).slice(-2);
const seconds = ("0" + date.getSeconds()).slice(-2);
const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
```
然后,在 Vue 中定义一个过滤器:
```javascript
Vue.filter('formatDate', function(value) {
if (value) {
const date = new Date(value);
const year = date.getFullYear();
const month = ("0" + (date.getMonth() + 1)).slice(-2);
const day = ("0" + date.getDate()).slice(-2);
const hours = ("0" + date.getHours()).slice(-2);
const minutes = ("0" + date.getMinutes()).slice(-2);
const seconds = ("0" + date.getSeconds()).slice(-2);
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}
});
```
然后在模板中使用该过滤器:
```html
<template>
<div>
<p>{{ timestamp | formatDate }}</p> <!-- timestamp 是时间戳 -->
</div>
</template>
```
阅读全文