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 毫秒数代表一天
};
相关推荐
豆约翰几秒前
句子单词统计 Key→Value 动态可视化
开发语言·前端·javascript
摘星编程1 分钟前
OpenHarmony环境下React Native:useState函数式更新
javascript·react native·react.js
步达硬件4 分钟前
【Matlab】修改视频尺寸
前端·matlab·音视频
咕噜咕噜啦啦4 分钟前
CSS3基础
前端·css·css3
抵梦4 分钟前
NPM、CNPM、PNPM:Node.js 依赖工具对比与选择
前端·npm·node.js
CamilleZJ9 分钟前
多端ui方案
前端·ui
珑墨10 分钟前
【pnpm 】pnpm 执行 xxx 的 底层原理
前端·javascript
中草药z10 分钟前
【Vibe Coding】初步认识LangChain&LangGraph
前端·langchain·html·agent·cursor·langgraph·vibe
弹简特19 分钟前
【JavaEE03-前端部分】JavaScript入门:给网页注入灵魂,从基础到实战玩转交互!
前端·javascript·交互
天人合一peng20 分钟前
unity获得和修改button的text(TMP)
java·前端·unity