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 毫秒数代表一天
};
相关推荐
问商十三载42 分钟前
RAG的适用边界在哪里?2026年价值与局限详解
大数据·前端·人工智能
爱勇宝1 小时前
人生没有最好的年龄,只有最好的状态
前端
达子6661 小时前
第22章_HarmonyOs开发图解之 蓝牙
vue.js
mONESY1 小时前
React + TypeScript 入门到进阶:从 Props 类型约束到状态管理与副作用最佳实践
javascript
幼儿园技术家1 小时前
前端 Node 全家桶
前端·js or ts
无人生还2 小时前
从 Vue3 到 React · 快速上手系列第 9 篇:自定义 Hook(对标 Composables)
前端·vue.js·react.js
张龙6872 小时前
RAG 知识库问答系统实战:分块、混合检索、RRF 融合与重排全链路拆解
前端
用户1306095607232 小时前
第二章学完后,我对 webpack5 前端工程化的一点理解
前端
a1117762 小时前
小鸡下蛋 小游戏 html
前端·开源·html
码哥DFS2 小时前
算法练习day1-备战2027届秋招
前端·javascript·数据结构·算法