Vue實現點擊時間獲取時間段查詢功能

二話不說，先上圖

實現如上代碼：

           //獲取本周第一天
            showWeekFirstDay: function () {
                let Nowdate = new Date();
                let WeekFirstDay = new Date(Nowdate - (Nowdate.getDay() - 1) * 86400000);
                let M = Number(WeekFirstDay.getMonth()) + 1;
                if (M < 10) {
                    M = "0" + M;
                }
                let D = WeekFirstDay.getDate();
                if (D < 10) {
                    D = "0" + D;
                }
                return WeekFirstDay.getFullYear() + "-" + M + "-" + D;
            },
            // 自動回填日期
            autoTime(type) {
                this.active_time_type = type;
                switch (type) {
                    case 1:
　　　　　　　　　　　　　　//今日
                        var temp_start_create_time = new Date().Format("yyyy-MM-dd");
                        var temp_end_create_time = new Date().Format("yyyy-MM-dd");
                        break;
                    case 2:
　　　　　　　　　　　　　　//本周
                        var temp_start_create_time = this.showWeekFirstDay()
                        var temp_end_create_time = new Date().Format("yyyy-MM-dd");
                        break;
                    case 3:
　　　　　　　　　　　　　　//本月
                        var temp_start_create_time = util.getCurrentMonthFirst();
                        var temp_end_create_time = util.getCurrentMonthLast();
                        break;
                    default:
                        break;
                }
                this.value1 = []//element-ui  使用的日期控件定義的v-model值
                this.value1.push(temp_start_create_time, temp_end_create_time)
                this.start_create_time = this.value1[0];
                this.end_create_time = this.value1[1];

            }
        }