elementUI el-date-picker 组件，只能选择今天之前的日期，而且不包括今天，怎么做？

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

问题描述

elementUI 日期选择器，选择时间只能选择今天之前的日期，且今天不可选

问题出现的环境背景及自己尝试过哪些方法

今天总是可以选择，希望今天 可以用不能选择elementUI el-date-picker 组件，只能选择今天之前的日期，而且不包括今天，怎么做？

相关代码

粘贴代码文本（请勿用截图）

组建
   <el-date-picker
      v-model="timeVal"
      class="select-style"
      :clearable="false"
      :editable="false"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      value-format="yyyyMMdd"
      :picker-options="pickerOptions"
      @change="changTime"
    />

设置不可选的函数

  pickerOptions: {
    disabledDate: (time) => {
        // 选择的日期小于等于当前日期（不包含今天）
        return time.getTime() > Date.now()
    }
  },

你期待的结果是什么？实际看到的错误信息又是什么？

回复
1个回答
avatar
test
2024-07-13

改成大于当天0点就行：

disabledDate(time) {
  var now = new Date();
  now.setHours(0, 0, 0, 0);
  return time.getTime() >= now.getTime();
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容