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 毫秒数代表一天
};
相关推荐
默_笙1 分钟前
👍 手写一个 MCP 文件读取服务:原来 AI 能"读"我的文件,全靠这个协议
前端·javascript
饮茶三千1 分钟前
基于 WangEditor 的富文本编辑器定制实践
前端·vue.js·设计模式
kyle~2 分钟前
前端 --- Toast 轻量级弱反馈提示组件
前端
玉宇夕落3 分钟前
Vue3 + 流式输出学习
前端
努力成为AK大王5 分钟前
CSS 入门完整笔记
前端·css
微笑挖矿12 分钟前
大模型流式渲染:为什么"逐字显示"远比你想的复杂
前端
大流星12 分钟前
LangChainJS之Chain链(四)
javascript·langchain
weedsfly13 分钟前
前端开发中的装饰器模式——给函数和组件“加壳”的艺术
前端·javascript·面试
zhedream13 分钟前
那个从没改过的页面,为什么突然坏了?
前端·vue.js
工业HMI实战笔记21 分钟前
HMI性能优化技巧:告别卡顿,打造流畅体验
前端·ui·性能优化·自动化·交互