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 毫秒数代表一天
};
相关推荐
Angelial4 分钟前
Vite 性能瓶颈排查标准流程
前端
不要秃头啊4 分钟前
别再谈提效了:AI 时代的开发范式本质变了
前端·后端·程序员
青青家的小灰灰5 分钟前
深入理解事件循环:异步编程的基石
前端·javascript·面试
用泥种荷花14 分钟前
【LangChain.js学习】 向量数据库(内存/持久化)
前端
simon_luv_pho38 分钟前
一行代码把网页变成 AI Agent?
前端
兆子龙1 小时前
模块联邦(Module Federation)详解:从概念到手把手 Demo
前端·架构
ZFSS1 小时前
Kimi Chat Completion API 申请及使用
前端·人工智能
没想好d1 小时前
通用管理后台组件库-8-表格组件
前端
前端Hardy1 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css
前端Hardy1 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html