<template>
<div>
<p>当前时间是:{{currentTime}}</p>
<p----------------------</p>
<p>当前时间是:{{time | formatTime('yyyy-MM-dd')}}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: '',
time: Date.now()
}
},
mounted() {
this.getCurrentTime()
},
methods: {
getCurrentTime() {
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() + ''
return this.currentTime = `${year}年${month}月${day}日 ${hour.padStart(2, '0')}:${minute.padStart(2, '0')}:${second.padStart(2, '0')}`
}, 1000)
}
},
filters:{
formatTime(val,fmStr) {
let date = new Date(val)
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() + ''
if (fmStr && fmStr === 'yyyy-MM-dd'){
return `${year}-${month}-${day}`
} else {
return `${year}-${month}-${day} ${hour.padStart(2, '0')}:${minute.padStart(2, '0')}:${second.padStart(2, '0')}`
}
}
}
}
</script>
vue中获取当前时间
最新推荐文章于 2024-05-12 17:00:21 发布