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 毫秒数代表一天
};
相关推荐
Bigger5 分钟前
🚀 mini-cc:打造你的专属轻量级 AI 编程智能体
前端·node.js·claude
小江的记录本5 分钟前
【网络安全】《网络安全三大加密算法结构化知识体系》
java·前端·后端·python·安全·spring·web安全
早起傻一天~G19 分钟前
vue2+element-UI上传图片封装
开发语言·javascript·ui
广师大-Wzx22 分钟前
JavaWeb:前端部分
java·前端·javascript·css·vue.js·前端框架·html
M ? A25 分钟前
你的 Vue v-memo 与 v-once,VuReact 会编译成什么样的 React 代码?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
是上好佳佳佳呀29 分钟前
【前端(七)】CSS3 核心属性笔记:单位、背景、盒子模型与文本换行
前端·笔记·css3
踩着两条虫1 小时前
VTJ:技术架构概述
前端·架构·ai编程
超级无敌攻城狮1 小时前
Agent 到底是怎么跑起来的
前端·后端·架构
吴声子夜歌1 小时前
Vue3——过度和动画效果
前端·vue.js·es6
Via_Neo1 小时前
字符串类型的相互转换
前端