以开始日期和结束日期不能相同为例:
data () {
let _disabledDate = null
return {
dateRange: '',
pickerOptions: {
onPick ({maxDate, minDate}) {
// 只选择了一个日期
_disabledDate = !maxDate ? minDate.getTime() : null
},
disabledDate (date) {
// 禁用第一个选择的日期
return _disabledDate ? date.getTime() === _disabledDate : false
}
}
}
},
只能选择最近7天:
:picker-options="timeOption"
...
minDate: '',
maxDate: '',
timeOption: {
onPick: ({ maxDate, minDate }) => {
this.minDate = minDate
this.maxDate = maxDate
},
disabledDate: (time) => {
if (this.minDate && !this.maxDate) {
const range = 7 * 24 * 3600 * 1000
const minTime = this.minDate.getTime()
const newTime = time.getTime()
return newTime > (minTime + range) || newTime < (minTime - range)
}
return false
}
}