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 毫秒数代表一天
};
相关推荐
hulkie22 分钟前
从 AI 对话应用理解 SSE 流式传输:一项 "老技术" 的新生
前端·人工智能
dobym25 分钟前
里程碑五:Elpis框架npm包抽象封装并发布
前端
全栈老石29 分钟前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
牛奶29 分钟前
React 底层原理 & 新特性
前端·react.js·面试
用户114896694410535 分钟前
VUE3响应式原理——从零解析
vue.js
parade岁月36 分钟前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
用户830407130570138 分钟前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
小明91338 分钟前
基于Rokid CXR-M SDK的AI饮食健康助手开发实战
前端
一枚前端小姐姐39 分钟前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
牛奶40 分钟前
ts随笔:面向对象与高级类型
前端·面试·typescript