Vue 專案獲取當前系統時間解析成年月日周
阿新 • • 發佈:2020-08-10
Vue 專案獲取當前系統時間解析成年月日周
簡單粗暴,直接上程式碼:
<template> <span>{{ date }}</span> <span>{{ time }}</span> </template> data () { return:{ time: '', date: '', week: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'], } } mounted () { setInterval(() => { this.updateTime() }, 1000) this.updateTime() }, methods: { updateTime () { var cd = new Date() this.time = this.zeroPadding(cd.getHours(), 2) + ':' + this.zeroPadding(cd.getMinutes(), 2) + ':' + this.zeroPadding(cd.getSeconds(), 2) this.date = this.zeroPadding(cd.getFullYear(), 4) + '-' + this.zeroPadding(cd.getMonth() + 1, 2) + '-' + this.zeroPadding(cd.getDate(), 2) + ' ' + this.week[cd.getDay()] }, zeroPadding (num, digit) { var zero = '' for (var i = 0; i < digit; i++) { zero += '0' } return (zero + num).slice(-digit) }, handleCurrentChange (val) { this.currentPage = val }, }
效果: