Vue 获取当下日期时间及周几

149 阅读1分钟
## template
<div>
    <p>{{nowWeek}}</p>
    <p><span>{{nowDate}}</span>{{nowTime}}</p>
</div>
## script
	data () {
		return {    
			timer: null,    
			nowWeek: '',    
			nowDate: '',    
			nowTime: ''  
		  }
}

mounted:
    mounted () {
	    this.timer = setInterval(() => {    
	    this.setNowTimes()  
    },1000)} 
    
methods:
	setNowTimes () {  
		//获取当前时间
		let myDate = new Date()  
		let wk = myDate.getDay()  
		let yy = String(myDate.getFullYear())  
		let mm = myDate.getMonth() + 1  
		let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())  
		let hou = String(myDate.getHours() < 10 ? '0' + myDate.getHours() : myDate.getHours())  
		let min = String(myDate.getMinutes() < 10 ? '0' + myDate.getMinutes() : myDate.getMinutes())  
		let sec = String(myDate.getSeconds() < 10 ? '0' + myDate.getSeconds() : myDate.getSeconds())  
		let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
		let week = weeks[wk]  
		this.nowDate = yy + '-' + mm + '-' + dd  
		this.nowTime = hou + ':' + min + ':' + sec  
		this.nowWeek = week
}