1.核心代码展示
// 前后需要的天数-1
const space = 7
// 所选的第一个日期
let _minDate = ''
import dayjs from 'dayjs'
export default {
data() {
return {
chartsTime: [],
clearableState:false,
pickerOptions: {
// 设置禁用状态
disabledDate: (time) => {
// 当选中第一个时间时
if (_minDate) {
// 最小时间
const min = dayjs(_minDate).subtract(space, 'day')
// 最大时间
const max = dayjs(_minDate).add(space, 'day')
return (
// 控制可以选择的时间范围
dayjs(time).isBefore(min) ||
dayjs(max).isBefore(time)
)
} else {
return false
}
},
// 选中日期后会执行的回调
onPick({ minDate }) {
_minDate = minDate
},
},
2.包括当天或者当月的情况
return time.getTime() > Date.now() - 8.64e6
dayjs(time).isBefore(min) ||
dayjs(max).isBefore(time) ||
time.getTime() > Date.now() - 8.64e6
3.不包括当天或者当月的情况
return time.getTime() > (Date.now() - 8.64e7)
const curDate_hours = (new Date()).getTime()
const sevenhours = 8 * 24 * 3600 * 1000
const thesevenhours = curDate_hours - sevenhours
return time.getTime() > (Date.now() - 8.64e7) || time.getTime() < thesevenhours
参考---http://t.zoukankan.com/lsc-boke-p-15188628.html