vue显示时间
时间: 2023-08-10 17:09:37 浏览: 51
你可以使用Vue的过滤器来显示时间。以下是一个简单的例子:
```html
<template>
<div>
{{ date | formatDate }}
</div>
</template>
<script>
export default {
data() {
return {
date: new Date()
}
},
filters: {
formatDate: function(value) {
if (value) {
var date = new Date(value);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
} else {
return '';
}
}
}
}
</script>
```
在这个例子中,我们定义了一个名为 `formatDate` 的过滤器,用于将日期格式化为 `YYYY-MM-DD HH:mm:ss` 的字符串。在模板中,我们使用 `date | formatDate` 过滤器来显示日期。