如何利用element上传日期组建el-date-picker。实行选择日期间隔一年或者一周以内
日期组建
<el-date-picker
class="content_el"
type="monthrange"
v-model="searchValues.declareDate"
format="yyyy-MM"
value-format="yyyy-MM"
range-separator="-"
:picker-options="pickerOptions"
:start-placeholder="LANMSG.placeholder.startTime"
:end-placeholder="LANMSG.placeholder.endTime"
>
主要方法: :picker-options="pickerOptions"
data () {
return {
timeOptionRange:'',
pickerOptions: {
disabledDate: time => {
let timeOptionRange = this.timeOptionRange
// 限制一年以内
let secondNum = 60 * 60 * 24 * 365 * 1000 // 365为一年,如果是限制一周,则把365改外7即可
if (timeOptionRange) {
return time.getTime() > timeOptionRange.getTime() + secondNum || time.getTime() < timeOptionRange.getTime() - secondNum
}
},
// onPick 选种第一个值的方法
onPick: time => {.
// 当第一时间选中才设置禁用
if (time.minDate && !time.maxDate) {
this.timeOptionRange = time.minDate
}
if (time.maxDate) {
this.timeOptionRange = null
}
}
},
}