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 毫秒数代表一天
};
相关推荐
晴殇i4 分钟前
这个前端工具杀疯了!发布一周狂揽 10k Star,Snapchat 开源框架重新定义跨平台
前端·程序员
孟祥_成都38 分钟前
打包票!前端和小白一定明白的人工智能基础概念!
前端·人工智能
小满zs1 小时前
Next.js第六章(平行路由)
前端
孤狼warrior1 小时前
公司信息建设库数据 使用调用堆栈的JS逆向爬虫
javascript·爬虫
小满zs1 小时前
Next.js第七章(路由组)
前端
Mountain and sea1 小时前
发那科机器人指令详解:从入门到精通
前端·机器人
泯泷1 小时前
Tiptap 深度教程(四):终极定制 - 从零创建你的专属扩展
前端·javascript·架构
局i1 小时前
vue简介
前端·javascript·vue.js
yqcoder2 小时前
vue2 和 vue3 中,列表中的 key 值作用
前端·javascript·vue.js
U***49832 小时前
前端TypeScript教程汇总,从基础到高级
前端·javascript·typescript