1.首先选择日期范围组件,设置picker-options属性
<el-date-picker
v-model="startTime"
type="monthrange"
align="right"
unlink-panels
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始月份"
end-placeholder="结束月份"
size='mini'
value-format="yyyy-MM">
</el-date-picker>
2.在页面data中定义pickerOptions值,并给与disabledDate方法,此方法设置禁用状态,参数为当前日期,要求返回 Boolean。
pickerOptions: {
shortcuts: global_msg.shortcuts,
disabledDate:(time) => {
return this.dealDisabledDate(time)
}
},
3.在methods写相关的方法
dealDisabledDate(time){
var time=''//写自己要求的时间
var onlineTime=new Date(time).getTime()
return time.getTime() <onlineTime
}