vue时间戳转换日期格式
时间: 2023-07-20 16:24:36 浏览: 107
时间戳格式转换
在 Vue 中,可以使用过滤器 (Filter) 来实现时间戳转换为日期格式。具体步骤如下:
1. 在Vue组件中定义一个过滤器函数,用于将时间戳转换为日期格式:
```
filters: {
formatDate: function(timestamp) {
var date = new Date(timestamp);
var year = date.getFullYear();
var month = ("0" + (date.getMonth() + 1)).slice(-2);
var day = ("0" + date.getDate()).slice(-2);
var hour = ("0" + date.getHours()).slice(-2);
var minute = ("0" + date.getMinutes()).slice(-2);
var second = ("0" + date.getSeconds()).slice(-2);
return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
}
}
```
2. 在模板中使用过滤器,将时间戳转换为日期格式:
```
<template>
<div>
<p>时间戳:{{ timestamp }}</p>
<p>日期格式:{{ timestamp | formatDate }}</p>
</div>
</template>
```
其中,`timestamp` 为要转换的时间戳,`formatDate` 为定义的过滤器函数。
阅读全文