這里做個(gè)記錄
<template>
? <div class="project-home">
? ? <button @click="reduceDate">前一天</button>
? ? <p>{{date}}</p>
? ? <button @click="addDate">后一天</button>
? ? <br>
? ? <button @click="reduceYear">前一月</button>
? ? <p>{{month}}</p>
? ? <button @click="addYear">后一月</button>
? ? <br>
? ? <button @click="getaddweek">前一周</button>
? ? <p>{{weekstart}}-{{weekend}}</p>
? ? <button @click="getalastweek">后一周</button>
? </div>
</template>
<script>
? ? export default {
? ? ? name: "Project-module-home",
? ? ? data(){
? ? ? ? ? return{
? ? ? ? ? ? date:"暫無當(dāng)前日期",
? ? ? ? ? ? month:"暫無月",
? ? ? ? ? ? weekstart:"暫無開始",
? ? ? ? ? ? weekend:"暫無結(jié)束",
? ? ? ? ? }
? ? ? },
? ? ? created(){
? ? ? ? ? this.getDate()
? ? ? },
? ? ? methods:{
? ? ? ? ? getDate(){
? ? ? ? ? ? var mydate = new Date();
? ? ? ? ? ? this.date=mydate.getFullYear()+"."+(mydate.getMonth()+1)+"."+mydate.getDate();
? ? ? ? ? ? this.month=mydate.getFullYear()+"."+(mydate.getMonth()+1);
? ? ? ? ? ? this.getWeek(mydate.getDay());
? ? ? ? ? },
? ? ? ? ? //獲取當(dāng)前周星期日
? ? ? ? ? getWeek(value){
? ? ? ? ? ? let weekxq=value;
? ? ? ? ? ? if(weekxq==0){
? ? ? ? ? ? ? this.weekstart=this.date;
? ? ? ? ? ? ? console.log(this.weekstart)
? ? ? ? ? ? }else{
? ? ? ? ? ? ? let weeka=new Date(this.date);
? ? ? ? ? ? ? let weeks=weeka.getDate()-weekxq;
? ? ? ? ? ? ? weeka.setDate(weeks);
? ? ? ? ? ? ? this.weekstart=this.formatDate(weeka,0);
? ? ? ? ? ? }
? ? ? ? ? ? this.getWeekarry(this.weekstart)
? ? ? ? ? },
? ? ? ? //************************************************
? ? ? ? //獲取前一周和后一周
? ? ? ? //************************************************
? ? ? ? ? //獲取一周所有時(shí)間
? ? ? ? ? getWeekarry(values){
? ? ? ? ? ? let ag=new Date(values);
? ? ? ? ? ? //console.log(new Date(values))
? ? ? ? ? ? let ac=null;
? ? ? ? ? ? let weekaRrry=[];
? ? ? ? ? ? for(let i=0;i<7;i++){
? ? ? ? ? ? ? if(i==0){
? ? ? ? ? ? ? ? ac=values;
? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ag.setDate(ag.getDate()+1);
? ? ? ? ? ? ? ? ac=this.formatDate(ag,0);
? ? ? ? ? ? ? }
? ? ? ? ? ? ? weekaRrry.push(ac);
? ? ? ? ? ? }
? ? ? ? ? ? this.weekend=weekaRrry[6];
? ? ? ? ? ? //console.log(weekaRrry)
? ? ? ? ? },
? ? ? ? ? //獲取上一周開始時(shí)間和結(jié)束時(shí)間
? ? ? ? ? getaddweek(){
? ? ? ? ? ? console.log(this.weekstart)
? ? ? ? ? ? this.getWeekdate("1")
? ? ? ? ? },
? ? ? ? //獲取下一周開始時(shí)間和結(jié)束時(shí)間
? ? ? ? getalastweek(){
? ? ? ? ? console.log(this.weekstart)
? ? ? ? ? this.getWeekdate("2")
? ? ? ? },
? ? ? ? getWeekdate(type){
? ? ? ? ? ? let weeks=new Date(this.weekstart);
? ? ? ? ? ? let weekd=new Date(this.weekstart);
? ? ? ? ? ? let ag=null;
? ? ? ? ? ? switch (type){
? ? ? ? ? ? ? case "1":
? ? ? ? ? ? ? ? let weekls=weeks.getDate()-7;
? ? ? ? ? ? ? ? weekd.setDate(weekls);
? ? ? ? ? ? ? ? ag=this.formatDate(weekd,0);
? ? ? ? ? ? ? ? this.weekstart=ag;
? ? ? ? ? ? ? ? this.getWeekarry(this.weekstart);//獲取這周最后一天
? ? ? ? ? ? ? ? ag=null;
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? case "2":
? ? ? ? ? ? ? ? let weekl=weeks.getDate()+7;
? ? ? ? ? ? ? ? weekd.setDate(weekl);
? ? ? ? ? ? ? ? ag=this.formatDate(weekd,0);
? ? ? ? ? ? ? ? this.weekstart=ag;
? ? ? ? ? ? ? ? this.getWeekarry(this.weekstart);//獲取這周最后一天
? ? ? ? ? ? ? ? ag=null;
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? default:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? }
? ? ? ? },
? ? ? ? ? //************************************************
? ? ? ? ? ? ? //獲取前一天和后一天
? ? ? ? ? //************************************************
? ? ? ? ? //后一天
? ? ? ? ? addDate(){
? ? ? ? ? ? let dates=new Date(this.date);
? ? ? ? ? ? this.getDays(dates,'1');
? ? ? ? ? },
? ? ? ? //前一天
? ? ? ? ? reduceDate(){
? ? ? ? ? let dates=new Date(this.date);
? ? ? ? ? this.getDays(dates,'2');
? ? ? ? ? },
? ? ? ? ? getDays(value,type){
? ? ? ? ? ? switch (type){
? ? ? ? ? ? ? case "1":
? ? ? ? ? ? ? ? ? let getDatesa=value.getDate()+1;
? ? ? ? ? ? ? ? ? value.setDate(getDatesa);
? ? ? ? ? ? ? ? ? this.date=this.formatDate(value,0);
? ? ? ? ? ? ? break;
? ? ? ? ? ? ? case "2":
? ? ? ? ? ? ? ? ? let getDates=value.getDate()-1;
? ? ? ? ? ? ? ? ? value.setDate(getDates);
? ? ? ? ? ? ? ? ? this.date=this.formatDate(value,0);
? ? ? ? ? ? ? break;
? ? ? ? ? ? ? //上一個(gè)月
? ? ? ? ? ? ? case "3":
? ? ? ? ? ? ? ? let getMonths=value.getMonth()-1;
? ? ? ? ? ? ? ? value.setMonth(getMonths);
? ? ? ? ? ? ? ? this.month=this.formatDate(value,1)
? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? //下一個(gè)月
? ? ? ? ? ? ? case "4":
? ? ? ? ? ? ? ? let getMonthsf=value.getMonth()+1;
? ? ? ? ? ? ? ? value.setMonth(getMonthsf);
? ? ? ? ? ? ? ? this.month=this.formatDate(value,1)
? ? ? ? ? ? ? break;
? ? ? ? ? ? ? default:
? ? ? ? ? ? ? break;
? ? ? ? ? ? }
? ? ? ? ? },
? ? ? ? //************************************************
? ? ? ? //獲取上一個(gè)月和下一個(gè)月
? ? ? ? //************************************************
? ? ? ? //上一個(gè)月
? ? ? ? reduceYear(){
? ? ? ? ? let months=new Date(this.month);
? ? ? ? ? this.getDays(months,'3')
? ? ? ? },
? ? ? ? //下一個(gè)月
? ? ? ? addYear(){
? ? ? ? ? let months=new Date(this.month);
? ? ? ? ? this.getDays(months,'4')
? ? ? ? },
? ? ? ? formatDate(date,i){
? ? ? ? ? var year = date.getFullYear().toString();
? ? ? ? ? var month = (date.getMonth()+1).toString();
? ? ? ? ? var day = date.getDate().toString();
? ? ? ? ? if(month<10){
? ? ? ? ? ? month="0"+month;
? ? ? ? ? }
? ? ? ? ? if(day<10){
? ? ? ? ? ? day="0"+day;
? ? ? ? ? }
? ? ? ? ? switch (i){
? ? ? ? ? ? case 0:
? ? ? ? ? ? ? return year+'.'+month+'.'+day;
? ? ? ? ? ? ? break;
? ? ? ? ? ? case 1:
? ? ? ? ? ? ? return year+'.'+month;
? ? ? ? ? ? ? break;
? ? ? ? ? }
? ? ? ? },
? ? ? }
? ? }
</script>
<style scoped>
</style>
