vue template时间转换
时间: 2023-12-07 19:37:40 浏览: 87
VueTemplate:vue模板,集成常用组件
根据提供的引用内容,可以看出这是一个Vue模板中的时间转换问题。具体来说,引用中演示了如何将年月日时分秒格式的时间转换为时间戳,而引用中演示了如何将年月日时分秒格式的时间转换为标准时间格式。下面是一个Vue模板中的时间转换的例子:
```html
<template>
<div>
<h3>时间转换</h3>
<p>时间戳转换为标准时间格式:</p>
<p>{{ timestampToTime(1629190800000) }}</p>
<p>标准时间格式转换为时间戳:</p>
<p>{{ timeToTimestamp('2021-08-17 09:00:00') }}</p>
</div>
</template>
<script>
export default {
methods: {
// 时间戳转换为标准时间格式
timestampToTime(timestamp) {
const date = new Date(timestamp)
const Y = date.getFullYear() + '-'
const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
const D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' '
const h = (date.getHours() < 10 ? '0' + (date.getHours()) : date.getHours()) + ':'
const m = (date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes()) + ':'
const s = (date.getSeconds() < 10 ? '0' + (date.getSeconds()) : date.getSeconds())
return Y + M + D + h + m + s
},
// 标准时间格式转换为时间戳
timeToTimestamp(time) {
return Date.parse(new Date(time))
}
}
}
</script>
```
在上面的例子中,我们定义了两个方法:`timestampToTime`和`timeToTimestamp`。`timestampToTime`方法将时间戳转换为标准时间格式,而`timeToTimestamp`方法将标准时间格式转换为时间戳。我们可以在Vue模板中使用这两个方法来进行时间转换。
阅读全文