怎么让el-date-picker当之前时间包含时分秒不可选?

作者站长头像
站长
· 阅读数 10

怎么让el-date-picker当之前时间包含时分秒不可选?使用的是element-plus

回复
1个回答
avatar
test
2024-06-30
       <el-date-picker v-model.trim="form.reviewActivitiesManageInfo.replyEndTime"
                      style="display: flex; width: 100%;"
                      type="datetime"
                      value-format="YYYY-MM-DD HH:mm:ss"
                      placeholder="请选择回复截止时间"
                      :disabled-date="disableDate" 
                      :disabled-hours="disabledHour"
                      :disabled-minutes="disabledMinute" 
                      :disabled-seconds="disabledSecond"
                    /> 
/** 禁选日期 */
const disableDate = (time) => {
  return time.getTime() < Date.now() - 8.64e7
}

const disabledHour = () => {
  const arrs = []
  for (let i = 0; i < 24; i ++) {
    if (new Date().getHours() <= i) continue
    arrs.push(i)
  }
  return arrs
}

/** 禁选分钟:如果当前选择的日期和时间,和被禁选的日期和时间为同一天同一小时,则进行分钟的禁用 */
const disabledMinute = () => {
  const arrs = []
  for (let i = 0; i < 60; i ++) {
    if (new Date().getMinutes() <= i) continue
    arrs.push(i)
  }
  return arrs
}

/* 限制秒 */
const disabledSecond = () => {
  const arrs = []
  for (let i = 0; i < 60; i ++) {
    if (new Date().getSeconds() <= i) continue
    arrs.push(i)
  }
  return arrs
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容