用vue把时间戳转换成yyyy-mm-dd hh:mm:ss
时间: 2024-05-14 12:18:30 浏览: 118
markdown-to-vue-loader:Markdown到Webpack的Vue组件加载器
可以通过 Vue 的过滤器(Filter)来实现时间戳的转换。以下是一个将时间戳转换为 yyyy-mm-dd hh:mm:ss 格式的 Vue 过滤器的实现方法:
在 Vue 实例中定义过滤器:
```
Vue.filter('dateFormat', 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;
});
```
然后在模板中使用该过滤器:
```
<p>{{ timestamp | dateFormat }}</p>
```
其中 `timestamp` 表示要转换的时间戳。这样就可以将时间戳转换成 `yyyy-mm-dd hh:mm:ss` 的格式显示在页面上了。
阅读全文