vue获取yyyy-dd-mm hh:mm:ss格式时间
时间: 2023-07-19 17:36:18 浏览: 112
你可以使用JavaScript内置的Date对象来获取当前时间,然后使用Vue的数据绑定将时间显示在页面上。以下是获取yyyy-dd-mm hh:mm:ss格式时间的代码示例:
```html
<template>
<div>
<p>当前时间:{{ currentTime }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: ''
}
},
mounted() {
setInterval(() => {
let date = new Date()
let year = date.getFullYear()
let month = date.getMonth() + 1
let day = date.getDate()
let hour = date.getHours()
let minute = date.getMinutes()
let second = date.getSeconds()
this.currentTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`
}, 1000)
}
}
</script>
```
在上面的代码中,我们使用setInterval每秒钟更新一次时间,然后使用字符串模板将时间格式化成yyyy-dd-mm hh:mm:ss格式,并将其赋值给`currentTime`变量,最后通过数据绑定将其显示在页面上。
阅读全文