vue 时间戳是1680609823,<view>1680609823</view>,把view中的时间戳转换成具体时间,具体到秒显示的方法。用uniapp的filters
时间: 2024-05-12 11:16:13 浏览: 104
vue将时间戳转换成自定义时间格式的方法
可以自定义一个filter,实现时间戳的转换。具体代码如下:
1. 新建一个名为 "formatTime" 的filter
```
filters:{
formatTime(timestamp){
let date = new Date(timestamp * 1000);
let year = date.getFullYear();
let month = (date.getMonth() + 1).toString().padStart(2, '0');
let day = date.getDate().toString().padStart(2, '0');
let hour = date.getHours().toString().padStart(2, '0');
let minute = date.getMinutes().toString().padStart(2, '0');
let second = date.getSeconds().toString().padStart(2, '0');
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}
}
```
2. 在需要使用该filter的页面中引入
```
import {filters} from '@/static/js/filters.js';
filters.forEach((item)=>{
Vue.filter(item.name,item.func);
})
```
3. 在页面中使用filter
```
<view>{{1680609823|formatTime}}</view>
```
这样就可以将时间戳1680609823转换成具体时间并以 "yyyy-MM-dd HH:mm:ss"格式显示。
阅读全文