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 毫秒数代表一天
};
相关推荐
大熊程序猿7 分钟前
用 ASP.NET Core + SignalR 做一个带实时对战房间的打字练习平台
javascript
OpsEye13 分钟前
大量无效 Token 消耗,是很多企业被忽略的隐形成本
javascript·ai编程
用户6210075870220 分钟前
Web BIM 开发实践:如何将构件选择、属性查询接入业务系统?
前端
羲云25 分钟前
AI 分站搭完就能发链接?上线前先过这 5 关
前端
葡萄城技术团队28 分钟前
一个 F4 快捷键,为什么能决定 Web 表格是否像 Excel?
前端
王川70834 分钟前
商协会后台前端的模块聚合实践
前端·后端
jerrywus35 分钟前
Codex、Claude Code、DSH 怎么用手机管?我试了试 Agents Anywhere
前端·claude·deepseek
twj_50242 分钟前
农业商业计划书PPT制作完全指南
前端
门思科技43 分钟前
ThinkLink Edge 本地部署实战:数据不出厂区,从硬件选型到与云端双向迁移
前端