el-date-picker限制时间选择,不能选择当前日期之后时间

要求:时间选择不能超过当前日期之后的

效果:

结构代码::

javascript 复制代码
 <el-form-item label="时间:">
        <el-date-picker
          v-model="time"
          type="datetimerange"
          range-separator="至"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
          value-format="YYYY-MM-DD HH:mm:ss"
          @change="changeTime"
          :clearable="false"
          :disabled-date="pickerOptionsRang" //这行是关键
        >
        </el-date-picker>
      </el-form-item>
      

js代码:

javascript 复制代码
const pickerOptionsRang = (time) => {
  // 禁用当前日期之后的所有日期
  return time.getTime() > Date.now() - 8.64e7; // 8.64e7 毫秒数代表一天
};
相关推荐
Dxy1239310216几秒前
Python设置Excel表格边框样式:从基础到高级
前端·python·excel
布列瑟农的星空10 分钟前
tree shaking为什么失效
前端
米丘13 分钟前
vue3.5.x 单文件组件(SFC)样式编译过程
css·vue.js·postcss
idcu19 分钟前
加入 Lyt.js:从第一行代码到核心贡献者
前端
最炫的美少女战士21 分钟前
claude code 安装报错claude native binary not installed.
javascript
肥羊zzz22 分钟前
Vue2 vs Vue3 中 v-for 的 key 用法对比
前端·vue.js
dsyyyyy11011 小时前
HTML总结
前端·html
用户2367829801681 小时前
Canvas:实现一个高颜值二维码生成器
javascript
剑神一笑1 小时前
从字符串到时间线:实现一个 Cron 表达式解析器
javascript·typescript·reactjs
前端那点事2 小时前
深度解析:Vue中computed的实现原理(易懂不晦涩)
前端·vue.js