天天看點

ElementUI+VUE 在使用ElementUI日期選擇器時大于目前月份的日期不可選,預設日期

1,月份選擇器,大于目前月份的日期不可選

pickerOptions: { //大于目前月分的日期不可選
                    disabledDate: (time) => {
                        var date = new Date();
                        var year = date.getFullYear();
                        var month = date.getMonth() + 1;
                        if (month >= 1 && month <= 9) {
                            month = "0" + month;
                        }
                        var currentdate = year.toString()  + month.toString();
 
                        var timeyear = time.getFullYear();
                        var timemonth = time.getMonth() + 1;
                        if (timemonth >= 1 && timemonth <= 9) {
                            timemonth = "0" + timemonth;
                        }
                        var timedate = timeyear.toString() + timemonth.toString();
                        return currentdate < timedate;
                    }
                },
2,日期選擇器,小于目前日期不可選

pickerOptions: {
                    disabledDate(time) {
                        return time.getTime() < Date.now();
                    }
                },
3,月份選擇器,時間段選擇,添加開始月份預設為當月的錢前三個月(例如2019-02),結束月份為目前月份(例如2019-05)

//預設月份
            defaultDate(){
                let _this = this;
                //擷取新的時間(2019.4.12)
                let date = new Date()
                //擷取目前時間的年份轉為字元串
                let endYear = date.getFullYear().toString()   //'2019'
                let staYear = endYear
                //擷取月份,由于月份從0開始,此處要加1,判斷是否小于10,如果是在字元串前面拼接'0'
                let staMonth = 0
                let endMonth = date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1).toString():(date.getMonth()+1).toString()  //'04'
                if(date.getMonth()+1 == 1){
                    staYear = (date.getFullYear()-1).toString()
                    staMonth = (12).toString()
                }else {
                    staMonth = date.getMonth() < 10 ? '0'+(date.getMonth()).toString():(date.getMonth()).toString()  //'04'
                }
                //字元串拼接,開始時間,結束時間
                let end = endYear +  endMonth   //當月2019-04 
                let beg = staYear + staMonth    //當月減3 2019-01
                _this.formInline.startMonth=beg
                _this.formInline.endMonth=end //将值設定給插件綁定的資料
            },
 
————————————————