elementui的时间范围组件，限制选了第一个时间后，第二个只能在第一个的前后一周

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