element 时间选择器 限制时分秒_Element时间控件限制时间选择范围

Eleement范围时间选择，限制选择范围值，以下设置范围为一年

clearable

:picker-options="pickerOptions_start"

v-model="QueryForm.fwqqkssj"

type="date"

placeholder="选择日期">

clearable

:picker-options="pickerOptions_end"

v-model="QueryForm.fwqqjssj"

type="date"

placeholder="选择日期">

data() {

return {

pickerOptions_start: this.set_kssj_disabledDate(),

pickerOptions_end: this.set_jssj_disabledDate(),

}

}

methods:{

set_kssj_disabledDate(){

let _this = this;

return {

disabledDate:(time) => {

if(_this.QueryForm['fwqqjssj']){

let y = _this.QueryForm['fwqqjssj'].getFullYear()-1;

let m = _this.QueryForm['fwqqjssj'].getMonth() + 1;

let d = _this.QueryForm['fwqqjssj'].getDate();

return time.getTime() > _this.QueryForm['fwqqjssj'] || time.getTime() < new Date(y +'/'+ m +'/' + '/' + d);

}else{

return time.getTime() > Date.now();

}

}

}

},

set_jssj_disabledDate(){

let _this = this;

return {

disabledDate:(time) => {

if(_this.QueryForm['fwqqkssj']){

let y = _this.QueryForm['fwqqkssj'].getFullYear() + 1;

let m = _this.QueryForm['fwqqkssj'].getMonth() + 1;

let d = _this.QueryForm['fwqqkssj'].getDate();

//time.getTime为当前所点时间控件的时间值，返回true的时间则为禁止选择状态

return time.getTime() < _this.QueryForm['fwqqkssj'] || time.getTime() > new Date(y +'/'+ m +'/' + '/' + d);

}else{

return time.getTime() > Date.now();

}

}

}

},

}