<template>
<div>
<p @click="lastWeek" style="color:red">123</p>
<p @click="nextWeek" style="color:red">456</p>
</div>
</template>
<script>
export default {
name: "warehouse-inventory",
data() {
return{
// 点击上周下周按钮的初始时间
currentFirstDate: new Date(),
// 返回一周时间的集合
timeStamp: []
}
},
methods: {
// 获取 上周、本周和下周 的时间
getDates(date) {
var year = date.getFullYear() + '-'
var month = ((date.getMonth() + 1) + '-').length === 2 ? ('0' + (date.getMonth() + 1) + '-') : (date.getMonth() + 1) + '-'
var day = (date.getDate() + '').length === 1 ? ('0' + date.getDate()) : date.getDate()
this.timeStamp.push(year + month + day)
return year + month + day
},
addDate(date, n) {
date.setDate(date.getDate() + n)
return date
},
setDate(date) {
this.timeStamp = []
var week = date.getDay() - 1
date = this.addDate(date, week * -1)
this.currentFirstDate = new Date(date)
for (var i = 0; i < 7; i++) {
this.getDates(i === 0 ? date : this.addDate(date, 1)) // 星期一开始
}
},
// 点击上一周
lastWeek() {
this.setDate(this.addDate(this.currentFirstDate, -7))
console.log(this.timeStamp[0], this.timeStamp[6]);
},
// 本周
onWeek() {
this.setDate(this.addDate(new Date(), -1))
// this.getGraphChartData(this.timeStamp[0], this.timeStamp[6])
console.log(this.timeStamp[0], this.timeStamp[6]);
},
// 下一周
nextWeek() {
this.setDate(this.addDate(this.currentFirstDate, 7))
console.log(this.timeStamp[0], this.timeStamp[6]);
},
},
created(){
this.onWeek()
}
};
</script>