关于vue3:记录Vue3-Elementplus-时间控件时间限制

template

<el-date-picker 
  v-model="timing" 
  type="datetime"
  :disabled-date="disableConfig" 
  :disabled-hours="disabledHours"
  :disabled-minutes="disabledMinutes" 
  :disabled-seconds="disabledSeconds"
/>

限度以后工夫之前的工夫

/* 限度天 */
export const disableConfig = (time) => {
  return time.getTime() < Date.now()
}

/* 限度时 */
export const disabledHours = () => {
  const arrs = []
  for (let i = 0; i < 24; i++) {
  // 限度之前 < 之后 > ，上面同理
     if (new Date().getHours() <= i) continue;
     arrs.push(i)
  }
  return arrs;
}

/* 限度分 */
export const disabledMinutes = () => {
  const arrs = []
  for (let i = 0; i < 60; i++) {
     if (new Date().getMinutes() <= i) continue;
     arrs.push(i)
  }
  return arrs;
}

/* 限度秒 */
export const disabledSeconds = () => {
  const arrs = []
  for (let i = 0; i < 60; i++) {
     if (new Date().getSeconds() <= i) continue;
     arrs.push(i)
  }
  return arrs;
}

限度之后的工夫

export const setDisableDate = (time) => {
  return (
    time.getTime() < new Date().getTime() - 24 * 60 * 60 * 1000 * 365 * 2 ||
    time.getTime() > new Date().getTime()
  )
}