//月份选择限制,只能选择3个月
Vue.prototype.disabledDateTime = (time)=>{
let timeOptionRange = this.timeOptionRange;
let secondNum = 3;
if(timeOptionRange){
// console.log(time.getMonth(),)
let timeYear=time.getFullYear()
let timeMonth=time.getMonth()+1
let timeOptionRangeYear=timeOptionRange.getFullYear()
let timeOptionRangeMonth=timeOptionRange.getMonth()+1
let timeOptionRangeYear2=timeOptionRange.getFullYear()
let timeOptionRangeMonth2=timeOptionRange.getMonth()+1
if(timeMonth<10){
timeMonth='0'+timeMonth
}
let timess=timeYear+''+timeMonth
if(timeOptionRangeMonth>9){
timeOptionRangeYear=timeOptionRangeYear+1
timeOptionRangeMonth=timeOptionRangeMonth+secondNum-12
}else{
timeOptionRangeMonth=timeOptionRangeMonth+secondNum
}
if(timeOptionRangeMonth<10){
timeOptionRangeMonth='0'+timeOptionRangeMonth
}
let timeOptionRangess=timeOptionRangeYear+''+timeOptionRangeMonth
if(timeOptionRangeMonth2<3){
timeOptionRangeYear2=timeOptionRangeYear2-1
timeOptionRangeMonth2=timeOptionRangeMonth2+12-secondNum
}else{
timeOptionRangeMonth2=timeOptionRangeMonth2-secondNum
}
if(timeOptionRangeMonth2<10){
timeOptionRangeMonth2='0'+timeOptionRangeMonth2
}
let timeOptionRangess2=timeOptionRangeYear2+''+timeOptionRangeMonth2
console.log(timess,timeOptionRangess,timeOptionRangess2)
console.log(timess > timeOptionRangess || timess < timeOptionRangess2)
return timess > timeOptionRangess || timess < timeOptionRangess2
// return time.getFullYear()+''+(time.getMonth()<10?'0'+time.getMonth():time.getMonth()) > parseFloat(timeOptionRange.getMonth() + secondNum) || time.getMonth() < timeOptionRange.getMonth() - secondNum ;
}
},
Vue.prototype.disabledDatePick=(time)=>{
//当第一时间选中才设置禁用
if(time.minDate && !time.maxDate){
this.timeOptionRange = time.minDate;
}
if(time.maxDate){
this.timeOptionRange = null;
}
},
pickerOptions: { // 时间组件基础配置
disabledDate:this.disabledDateTime,
// (time)=>{
// let timeOptionRange = this.timeOptionRange;
// let secondNum = 3;
// if(timeOptionRange){
// // console.log(time.getMonth(),)
// let timeYear=time.getFullYear()
// let timeMonth=time.getMonth()+1
// let timeOptionRangeYear=timeOptionRange.getFullYear()
// let timeOptionRangeMonth=timeOptionRange.getMonth()+1
// let timeOptionRangeYear2=timeOptionRange.getFullYear()
// let timeOptionRangeMonth2=timeOptionRange.getMonth()+1
// if(timeMonth<10){
// timeMonth='0'+timeMonth
// }
// let timess=timeYear+''+timeMonth
// if(timeOptionRangeMonth>9){
// timeOptionRangeYear=timeOptionRangeYear+1
// timeOptionRangeMonth=timeOptionRangeMonth+secondNum-12
// }else{
// timeOptionRangeMonth=timeOptionRangeMonth+secondNum
// }
// if(timeOptionRangeMonth<10){
// timeOptionRangeMonth='0'+timeOptionRangeMonth
// }
// let timeOptionRangess=timeOptionRangeYear+''+timeOptionRangeMonth
// if(timeOptionRangeMonth2<3){
// timeOptionRangeYear2=timeOptionRangeYear2-1
// timeOptionRangeMonth2=timeOptionRangeMonth2+12-secondNum
// }else{
// timeOptionRangeMonth2=timeOptionRangeMonth2-secondNum
// }
// if(timeOptionRangeMonth2<10){
// timeOptionRangeMonth2='0'+timeOptionRangeMonth2
// }
// let timeOptionRangess2=timeOptionRangeYear2+''+timeOptionRangeMonth2
// console.log(timess,timeOptionRangess,timeOptionRangess2)
// console.log(timess > timeOptionRangess || timess < timeOptionRangess2)
// return timess > timeOptionRangess || timess < timeOptionRangess2
// // return time.getFullYear()+''+(time.getMonth()<10?'0'+time.getMonth():time.getMonth()) > parseFloat(timeOptionRange.getMonth() + secondNum) || time.getMonth() < timeOptionRange.getMonth() - secondNum ;
// }
// },
onPick:this.disabledDatePick
// (time)=>{
// //当第一时间选中才设置禁用
// if(time.minDate && !time.maxDate){
// this.timeOptionRange = time.minDate;
// }
// if(time.maxDate){
// this.timeOptionRange = null;
// }
// },
},
<el-date-picker
v-model="range"
type="monthrange"
range-separator="至"
start-placeholder="开始月份"
end-placeholder="结束月份"
format="yyyy-MM"
value-format="yyyy-MM"
:picker-options="pickerOptions">
</el-date-picker>